/* ==========================================================================
   AmedraClinic theme  v2.0
   Layered on top of styleBD.css — brand tokens, typography and components.
   ========================================================================== */

@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-display: swap;
    font-weight: 200 1000;
    src: url('../fonts/cairo-arabic.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-display: swap;
    font-weight: 200 1000;
    src: url('../fonts/cairo-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-display: swap;
    font-weight: 200 1000;
    src: url('../fonts/cairo-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --amd-navy: #0c2d72;
    --amd-navy-900: #071c4a;
    --amd-navy-800: #0a2560;
    --amd-navy-600: #1a3f8f;
    --amd-cyan: #11c4e2;
    --amd-cyan-600: #0a9fbb;
    --amd-cyan-50: #e7f9fc;
    --amd-navy-50: #eaf0fb;
    --amd-bg: #f3f6fb;
    --amd-surface: #ffffff;
    --amd-border: #e2e8f2;
    --amd-text: #14213d;
    --amd-muted: #5f6b85;
    --amd-success: #12a150;
    --amd-danger: #e02d4b;
    --amd-warning: #f2a516;
    --amd-radius: 12px;
    --amd-radius-sm: 8px;
    --amd-shadow: 0 1px 2px rgba(12, 45, 114, .06), 0 4px 16px rgba(12, 45, 114, .06);
    --amd-shadow-lg: 0 10px 40px rgba(7, 28, 74, .14);
    --amd-font: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

/* ---------- Base ---------- */
html, body,
h1, h2, h3, h4, h5, h6,
.main-sidebar, .btn, .form-control, input, select, textarea, button,
.tooltip, .popover, .dropdown-menu, .modal, .table,
.main-header .navbar .nav > li > a > .label {
    font-family: var(--amd-font) !important;
}
body {
    background: var(--amd-bg);
    color: var(--amd-text);
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}
a { color: var(--amd-navy-600); }
a:hover, a:focus { color: var(--amd-cyan-600); }
::selection { background: var(--amd-cyan); color: #fff; }
::-moz-selection { background: var(--amd-cyan); color: #fff; }
.content-wrapper, .right-side { background: var(--amd-bg); }
.text-success, .color-green { color: var(--amd-success) !important; }
.bg-green { background-color: var(--amd-success) !important; }
.text-primary { color: var(--amd-navy) !important; }

/* ---------- Preloader ---------- */
.se-pre-con {
    background: var(--amd-surface) url('../img/mark-128.png') center / 64px no-repeat !important;
    animation: amd-pulse 1s ease-in-out infinite alternate;
}
@keyframes amd-pulse { from { background-size: 56px; } to { background-size: 70px; } }

/* ---------- Header ---------- */
.main-header { box-shadow: 0 1px 0 var(--amd-border); }
.main-header .logo {
    background: var(--amd-navy-900) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
}
.main-header .logo .logo-lg img { height: 34px !important; width: auto; max-width: 100%; }
.main-header .logo .logo-mini img { height: 30px !important; width: auto; }
.main-header .navbar {
    background: var(--amd-surface);
    border-bottom: 0;
    min-height: 60px;
}
.main-header .sidebar-toggle {
    color: var(--amd-navy) !important;
    border-color: var(--amd-border) !important;
    transition: background .2s;
}
.main-header .sidebar-toggle:hover { background: var(--amd-navy-50); }
.navbar-nav > li > a > i { color: var(--amd-navy); }

.amd-navbar-tools { display: flex; align-items: center; gap: 10px; height: 60px; }
.amd-navbar-tools > li { float: none !important; }
.amd-navbar-tools > li > a { line-height: 1; }
.amd-navbar-tools > li > a.amd-lang-switch { padding: 0 14px !important; }
.amd-navbar-tools > li > a.amd-user-toggle { padding: 4px 12px 4px 4px !important; }
.amd-lang-switch {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px !important;
    border: 1px solid var(--amd-border);
    border-radius: 999px;
    color: var(--amd-navy) !important;
    font-weight: 700;
    font-size: 13px;
    background: var(--amd-surface);
    transition: all .2s;
    text-decoration: none !important;
}
.amd-lang-switch:hover { border-color: var(--amd-cyan); background: var(--amd-cyan-50); }
.amd-lang-switch .fa { color: var(--amd-cyan-600); }

.amd-user-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 4px 12px 4px 4px !important;
    border-radius: 999px;
    background: var(--amd-bg) !important;
    color: var(--amd-text) !important;
    text-decoration: none !important;
}
.amd-user-toggle:hover { background: var(--amd-navy-50) !important; }
.amd-avatar {
    width: 36px; height: 36px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--amd-navy) center / cover;
    color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 15px;
    flex: 0 0 auto;
}
.amd-user-meta { display: flex; flex-direction: column; line-height: 1.2; text-align: start; }
.amd-user-meta strong { font-size: 13px; font-weight: 700; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.amd-user-meta small { font-size: 11px; color: var(--amd-muted); }
.amd-user-toggle .fa-angle-down { color: var(--amd-muted); }
@media (max-width: 767px) { .amd-user-meta, .amd-lang-switch span { display: none; } .amd-navbar-tools > li > a.amd-user-toggle, .amd-navbar-tools > li > a.amd-lang-switch { padding: 4px 10px !important; } }

.dropdown-menu {
    border: 1px solid var(--amd-border);
    border-radius: var(--amd-radius);
    box-shadow: var(--amd-shadow-lg);
    padding: 6px;
    min-width: 200px;
}
.dropdown-menu > li > a {
    border-radius: var(--amd-radius-sm);
    padding: 9px 12px;
    color: var(--amd-text);
    font-weight: 600;
}
.dropdown-menu > li > a:hover { background: var(--amd-navy-50); color: var(--amd-navy); }
.dropdown-menu > li > a > i { margin-inline-end: 8px; color: var(--amd-cyan-600); width: 16px; text-align: center; }
.dropdown-menu .divider { margin: 6px 0; background: var(--amd-border); }

/* ---------- Sidebar ---------- */
.main-sidebar {
    background: linear-gradient(180deg, var(--amd-navy-900) 0%, var(--amd-navy) 100%) !important;
    box-shadow: none;
}
.user-panel { padding: 22px 12px 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.user-panel .image img, .user-panel .image .amd-avatar {
    width: 64px !important; height: 64px !important; max-width: 64px;
    padding: 0 !important;
    border: 3px solid rgba(17,196,226,.55) !important;
    object-fit: cover;
    font-size: 24px;
}
.user-panel .image { display: flex; justify-content: center; }
.user-panel .info { padding: 10px 5px 0 !important; }
.user-panel .info p { text-transform: none !important; letter-spacing: 0 !important; font-size: 15px; font-weight: 700; }
.user-panel .info a { color: rgba(255,255,255,.65) !important; font-size: 12px !important; }
.user-panel .info a .fa { color: #3ee08a !important; font-size: 9px; }

.sidebar-menu { padding: 10px 0; }
.sidebar-menu > li { margin: 2px 10px; }
.sidebar-menu > li > a {
    color: rgba(255,255,255,.72) !important;
    border-radius: var(--amd-radius-sm);
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    transition: background .15s, color .15s;
}
.sidebar-menu > li > a > i:first-child { color: rgba(255,255,255,.55); width: 22px; text-align: center; margin-inline-end: 10px !important; }
.sidebar-menu > li:hover > a { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
    background: rgba(17,196,226,.14) !important;
    color: #fff !important;
}
.sidebar-menu > li.active > a > i:first-child { color: var(--amd-cyan); }
.sidebar-menu > li.active > a:before {
    background: var(--amd-cyan) !important;
    border-radius: 0 4px 4px 0;
    width: 3px !important;
}
.sidebar-menu .treeview-menu {
    background: transparent !important;
    padding: 4px 0 8px !important;
    padding-inline-start: 30px !important;
}
.sidebar-menu .treeview-menu:before { background: rgba(255,255,255,.1) !important; left: 21px !important; }
.sidebar-menu .treeview-menu > li::before { border-color: rgba(255,255,255,.1) !important; }
.sidebar-menu .treeview-menu > li > a { color: rgba(255,255,255,.6) !important; padding: 6px 10px 6px 18px !important; font-size: 13px; border-radius: 6px; }
.sidebar-menu .treeview-menu > li > a > i { display: none; }
.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li:hover > a { color: #fff !important; background: rgba(255,255,255,.06); }
.sidebar-mini.sidebar-collapse .sidebar-menu > li { margin: 2px 0; }
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a { border-radius: 0; }

.amd-sidebar-foot {
    padding: 16px 20px 24px;
    color: rgba(255,255,255,.35);
    font-size: 11px;
    text-align: center;
}
.amd-sidebar-foot img { height: 18px; opacity: .6; vertical-align: middle; }
.sidebar-mini.sidebar-collapse .amd-sidebar-foot { display: none; }

/* ---------- Page header ---------- */
.content-header {
    background: var(--amd-surface);
    border-bottom: 1px solid var(--amd-border);
    padding: 18px 30px !important;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.content-header .header-icon {
    width: 52px !important; height: 52px;
    flex: 0 0 52px;
    float: none !important;
    margin: 0 !important;
    border-radius: 14px;
    background: var(--amd-navy-50);
    color: var(--amd-navy) !important;
    font-size: 28px !important;
    line-height: 52px !important;
    text-align: center;
}
.content-header .header-title { margin: 0 !important; flex: 1 1 auto; display: flex; flex-direction: column; position: relative; }
.content-header .header-title h1 { font-size: 21px !important; font-weight: 800; color: var(--amd-text); }
.content-header .header-title small { color: var(--amd-muted) !important; padding: 0 !important; font-weight: 600; }
.header-title .breadcrumb {
    position: absolute !important;
    top: 50% !important; bottom: auto !important;
    transform: translateY(-50%);
    right: 0 !important; left: auto !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid var(--amd-border) !important;
    padding: 6px 14px !important;
    background: var(--amd-bg) !important;
}
.breadcrumb > .active, .breadcrumb > .active a { color: var(--amd-navy) !important; }
@media (max-width: 767px) {
    .content-header { padding: 14px 16px !important; }
    .header-title .breadcrumb { position: relative !important; transform: none; margin-top: 8px !important; align-self: flex-start; }
}

/* ---------- Panels & cards ---------- */
.panel, .panel-bd, .panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning, .panel-danger {
    border: 1px solid var(--amd-border) !important;
    border-radius: var(--amd-radius) !important;
    box-shadow: var(--amd-shadow) !important;
    background: var(--amd-surface);
    overflow: hidden;
}
.panel-bd .panel-heading::before { display: none !important; }
.panel > .panel-heading, .panel-bd > .panel-heading {
    background: var(--amd-surface) !important;
    border-bottom: 1px solid var(--amd-border) !important;
    color: var(--amd-text) !important;
    padding: 14px 20px;
}
.panel-heading h4, .panel-title, .panel-heading .panel-title h4 { font-weight: 800 !important; color: var(--amd-text) !important; font-size: 16px; }
.panel-body { padding: 20px; }
.panel-footer { background: #fafbfd; border-top: 1px solid var(--amd-border); }
.lobipanel > .panel-heading > .dropdown .dropdown-menu > li > a { color: var(--amd-muted); }

/* dashboard stat tiles */
.panel-bd .statistic-box h2 { font-size: 30px; font-weight: 800; color: var(--amd-navy); line-height: 1.1; }
.panel-bd .statistic-box .small { color: var(--amd-muted) !important; font-weight: 700 !important; font-size: 13px; margin-bottom: 0 !important; }
.panel-bd a:hover { text-decoration: none; }
.panel-bd .panel-body .icon {
    width: 54px; height: 54px;
    border-radius: 14px;
    background: var(--amd-cyan-50);
    color: var(--amd-cyan-600) !important;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px !important;
    float: right;
}
.panel-bd .panel-body .icon i { font-size: 24px !important; color: var(--amd-cyan-600) !important; line-height: 1; }
.row > [class*="col-"]:nth-child(4n+2) .panel-bd .panel-body .icon { background: var(--amd-navy-50); }
.row > [class*="col-"]:nth-child(4n+2) .panel-bd .panel-body .icon i { color: var(--amd-navy) !important; }
.row > [class*="col-"]:nth-child(4n+3) .panel-bd .panel-body .icon { background: #e8f8ef; }
.row > [class*="col-"]:nth-child(4n+3) .panel-bd .panel-body .icon i { color: var(--amd-success) !important; }
.row > [class*="col-"]:nth-child(4n+4) .panel-bd .panel-body .icon { background: #fff4e0; }
.row > [class*="col-"]:nth-child(4n+4) .panel-bd .panel-body .icon i { color: #d98a00 !important; }
.panel-bd:has(.statistic-box) { transition: transform .2s, box-shadow .2s; }
.panel-bd:has(.statistic-box):hover { transform: translateY(-2px); box-shadow: var(--amd-shadow-lg) !important; }
.panel-bd:has(.statistic-box) .panel-body { display: flex; align-items: center; justify-content: space-between; min-height: 96px; }
.panel-bd:has(.statistic-box) .panel-body::before, .panel-bd:has(.statistic-box) .panel-body::after { display: none; }

/* ---------- Buttons ---------- */
.btn {
    border-radius: var(--amd-radius-sm) !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    transition: all .18s ease;
}
.btn-lg { padding: 11px 20px; font-size: 15px; }
.btn-primary, .btn-success, .btn-add, .btn-base {
    background: var(--amd-navy) !important;
    border-color: var(--amd-navy) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-success:hover, .btn-primary:focus, .btn-success:focus,
.btn-primary:active, .btn-success:active {
    background: var(--amd-navy-600) !important;
    border-color: var(--amd-navy-600) !important;
    box-shadow: 0 6px 18px rgba(12,45,114,.25) !important;
}
.btn-info {
    background: var(--amd-cyan-600) !important;
    border-color: var(--amd-cyan-600) !important;
    color: #fff !important;
}
.btn-info:hover { background: #0890a9 !important; }
.btn-danger { background: var(--amd-danger) !important; border-color: var(--amd-danger) !important; }
.btn-warning { background: var(--amd-warning) !important; border-color: var(--amd-warning) !important; color: #fff !important; }
.btn-default { background: var(--amd-surface); border-color: var(--amd-border); color: var(--amd-text); }
.btn-default:hover { background: var(--amd-bg); border-color: #cfd8e6; }
.btn-success.btn-outline, .btn-primary.btn-outline { background: transparent !important; color: var(--amd-navy) !important; }
.btn-xs, .btn-sm { border-radius: 6px !important; }

/* ---------- Forms ---------- */
.form-control {
    border-radius: var(--amd-radius-sm) !important;
    border: 1px solid #d5dde9 !important;
    box-shadow: none !important;
    height: 40px;
    color: var(--amd-text);
    transition: border-color .15s, box-shadow .15s;
}
textarea.form-control { height: auto; }
select.form-control[multiple] { height: auto; }
.form-control:focus {
    border-color: var(--amd-cyan) !important;
    box-shadow: 0 0 0 3px rgba(17,196,226,.18) !important;
}
label, .control-label { font-weight: 700; color: #33415c; }
.input-group-addon { border-color: #d5dde9; background: var(--amd-bg); border-radius: var(--amd-radius-sm); }
.has-error .form-control { border-color: var(--amd-danger) !important; }
.help-block, .text-danger { font-size: 12px; }

/* ---------- Tables ---------- */
.table { color: var(--amd-text); }
.table > thead > tr > th,
table.dataTable thead th {
    background: #f6f8fc !important;
    color: #33415c !important;
    font-weight: 800 !important;
    border-bottom: 1px solid var(--amd-border) !important;
    font-size: 13px;
    white-space: nowrap;
}
.table > tbody > tr > td { border-top-color: #eef2f7 !important; vertical-align: middle !important; }
.table-hover > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd):hover { background: var(--amd-cyan-50) !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #fafbfd; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { border-color: var(--amd-border) !important; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select { border: 1px solid #d5dde9; border-radius: var(--amd-radius-sm); padding: 4px 10px; }
.pagination > li > a, .pagination > li > span { color: var(--amd-navy); border-color: var(--amd-border); }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover {
    background: var(--amd-navy) !important; border-color: var(--amd-navy) !important;
}
.dataTables_wrapper .dt-buttons .btn { margin-bottom: 8px; }

/* ---------- Misc components ---------- */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-top-color: var(--amd-cyan) !important; color: var(--amd-navy) !important;
}
.nav > li > a:focus, .nav > li > a:hover { color: var(--amd-navy); }
.label-success, .badge-success { background: var(--amd-success); }
.label-primary { background: var(--amd-navy); }
.label-info { background: var(--amd-cyan-600); }
.alert { border-radius: var(--amd-radius); border: 0; font-weight: 600; }
.alert-success { background: #e8f8ef; color: #0c6b37; }
.alert-danger { background: #fde9ed; color: #a3162f; }
.alert-info { background: var(--amd-cyan-50); color: #065e70; }
.alert-warning { background: #fff4e0; color: #8a5a00; }
.progress-bar-success { background-color: var(--amd-cyan-600); }
.modal-content { border-radius: var(--amd-radius); border: 0; box-shadow: var(--amd-shadow-lg); }
.modal-header { border-bottom-color: var(--amd-border); }
.modal-title { font-weight: 800; }
.ui-datepicker .ui-state-active, .ui-datepicker .ui-state-highlight { background: var(--amd-navy) !important; color: #fff !important; border-color: var(--amd-navy) !important; }
.view-header .header-icon { color: var(--amd-navy); }

/* ---------- Footer ---------- */
.main-footer {
    background: transparent;
    border-top: 1px solid var(--amd-border);
    color: var(--amd-muted);
    font-size: 13px;
    padding: 16px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.main-footer p { margin: 0; }
.main-footer a { color: var(--amd-navy); font-weight: 700; }
.main-footer .amd-version { color: #98a2b8; font-size: 12px; }
.amd-sep { color: #b8c1d3; margin: 0 4px; }

/* ==========================================================================
   Authentication (login) page
   ========================================================================== */
.amd-auth-body { background: var(--amd-surface); min-height: 100vh; margin: 0; }
.amd-auth { display: flex; min-height: 100vh; }
.amd-auth-brand {
    position: relative;
    flex: 1 1 52%;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(1200px 600px at 110% -10%, rgba(17,196,226,.35), transparent 60%),
        radial-gradient(900px 500px at -20% 120%, rgba(17,196,226,.18), transparent 60%),
        linear-gradient(160deg, var(--amd-navy-900) 0%, var(--amd-navy) 70%, #123a8a 100%);
    padding: 48px 56px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.amd-auth-brand::after {
    content: '';
    position: absolute;
    width: 620px; height: 620px;
    inset-inline-end: -170px; bottom: -170px;
    background: url('../img/mark-light-512.png') center / contain no-repeat;
    opacity: .07;
    animation: amd-spin 90s linear infinite;
    pointer-events: none;
}
@keyframes amd-spin { to { transform: rotate(360deg); } }
.amd-auth-brand > * { position: relative; z-index: 1; }
.amd-auth-brand .amd-auth-logo img { height: 44px; }
.amd-auth-hero h1 {
    font-size: 40px; line-height: 1.35; font-weight: 800; margin: 0 0 16px; color: #fff;
    max-width: 520px;
}
.amd-auth-hero h1 span { color: var(--amd-cyan); }
.amd-auth-hero p.lead { color: rgba(255,255,255,.78); font-size: 17px; max-width: 480px; margin-bottom: 30px; }
.amd-auth-features { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.amd-auth-features li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: rgba(255,255,255,.9); }
.amd-auth-features li i {
    width: 36px; height: 36px; flex: 0 0 36px;
    border-radius: 10px;
    background: rgba(17,196,226,.16);
    color: var(--amd-cyan);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 16px;
}
.amd-auth-brand .amd-auth-copy { color: rgba(255,255,255,.5); font-size: 12px; }
.amd-auth-brand .amd-auth-copy a { color: rgba(255,255,255,.8); }

.amd-auth-main {
    flex: 1 1 48%;
    display: flex;
    flex-direction: column;
    padding: 28px 40px;
    background: var(--amd-surface);
}
.amd-auth-top { display: flex; justify-content: space-between; align-items: center; }
.amd-auth-top .amd-auth-mobile-logo { display: none; }
.amd-auth-top .amd-auth-mobile-logo img { height: 34px; }
.amd-auth-top .amd-lang-switch { margin-inline-start: auto; }
.amd-auth-form-wrap { flex: 1; display: flex; align-items: center; justify-content: center; padding: 30px 0; }
.amd-auth-form { width: 100%; max-width: 400px; }
.amd-auth-form h2 { font-size: 28px; font-weight: 800; color: var(--amd-text); margin: 0 0 6px; }
.amd-auth-form .amd-auth-sub { color: var(--amd-muted); margin-bottom: 28px; font-size: 15px; }
.amd-field { margin-bottom: 18px; }
.amd-field label { display: block; margin-bottom: 7px; font-size: 13px; }
.amd-input { position: relative; }
.amd-input > i.fa {
    position: absolute; top: 50%; transform: translateY(-50%);
    inset-inline-start: 14px;
    color: #9aa6bd; font-size: 15px; pointer-events: none;
}
.amd-input .form-control { height: 48px !important; padding-inline-start: 42px !important; font-size: 15px; background: #fafbfd; }
.amd-input .form-control:focus { background: #fff; }
.amd-input select.form-control { appearance: none; -webkit-appearance: none; padding-inline-end: 36px; }
.amd-input .amd-caret { position: absolute; top: 50%; transform: translateY(-50%); inset-inline-end: 14px; color: #9aa6bd; pointer-events: none; }
.amd-toggle-pass {
    position: absolute; top: 50%; transform: translateY(-50%);
    inset-inline-end: 8px;
    border: 0; background: transparent; color: #9aa6bd;
    width: 34px; height: 34px; border-radius: 8px;
}
.amd-toggle-pass:hover { color: var(--amd-navy); background: var(--amd-bg); }
.amd-input .form-control[type=password], .amd-input .form-control.amd-has-toggle { padding-inline-end: 44px !important; }

.amd-roles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.amd-role input { position: absolute; opacity: 0; pointer-events: none; }
.amd-role span {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 12px 6px;
    border: 1.5px solid var(--amd-border);
    border-radius: var(--amd-radius-sm);
    cursor: pointer;
    font-weight: 700; font-size: 13px; color: var(--amd-muted);
    transition: all .15s;
    text-align: center;
    background: #fafbfd;
}
.amd-role span i { font-size: 20px; color: #9aa6bd; }
.amd-role:hover span { border-color: #bfcbe0; }
.amd-role input:checked + span {
    border-color: var(--amd-navy);
    background: var(--amd-navy-50);
    color: var(--amd-navy);
    box-shadow: 0 0 0 3px rgba(12,45,114,.08);
}
.amd-role input:checked + span i { color: var(--amd-cyan-600); }
.amd-role input:focus-visible + span { outline: 2px solid var(--amd-cyan); outline-offset: 2px; }
.amd-form-row { display: flex; justify-content: space-between; align-items: center; margin: 4px 0 22px; }
.amd-check { display: inline-flex; align-items: center; gap: 8px; font-weight: 600 !important; color: var(--amd-muted) !important; cursor: pointer; margin: 0; }
.amd-check input { width: 16px; height: 16px; accent-color: var(--amd-navy); margin: 0; }
.amd-btn-block {
    width: 100%;
    height: 50px;
    font-size: 16px !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
}
.amd-btn-block .fa { transition: transform .2s; }
.amd-btn-block:hover .fa { transform: translateX(3px); }
.amd-auth-alert {
    display: flex; gap: 10px; align-items: flex-start;
    background: #fde9ed; color: #a3162f;
    border-radius: var(--amd-radius-sm);
    padding: 12px 14px; margin-bottom: 20px; font-weight: 600; font-size: 14px;
}
.amd-auth-alert i { margin-top: 3px; }
.amd-field .text-danger, .amd-field span p { color: var(--amd-danger); font-size: 12px; margin: 4px 0 0; }
.amd-auth-foot { text-align: center; color: #98a2b8; font-size: 12px; }

@media (max-width: 991px) {
    .amd-auth-brand { display: none; }
    .amd-auth-main { padding: 20px; background: var(--amd-bg); }
    .amd-auth-top .amd-auth-mobile-logo { display: block; }
    .amd-auth-form { background: var(--amd-surface); padding: 28px 22px; border-radius: 16px; box-shadow: var(--amd-shadow); }
}

/* ---------- Print ---------- */
@media print {
    .main-header, .main-sidebar, .main-footer, .content-header { display: none !important; }
    .content-wrapper { margin: 0 !important; background: #fff; }
    .panel { box-shadow: none !important; }
}