/*
|--------------------------------------------------------------------------
| Powered by A&A Digital Agency (From Almir Internet Solutions GROUP)
|--------------------------------------------------------------------------
| Website: www.almir.co.il
| Contact: info@almir.co.il
| Developer: Albert Amir
| Phone: +972 04-63-63-281
| Version: 1.0.0
| Created: 04/06/2026
| Updated: 04/06/2026
|--------------------------------------------------------------------------
*/

:root{
    --asm-bg:#f4f7fb;
    --asm-panel:#fff;
    --asm-border:#dce5ef;
    --asm-text:#172033;
    --asm-muted:#68758a;
    --asm-primary:#1d6fbd;
    --asm-primary-dark:#1557a0;
    --asm-success:#138a55;
    --asm-danger:#c93434;
}

body{
    margin:0;
    font-family:Assistant,Arial,sans-serif;
    background:var(--asm-bg);
    color:var(--asm-text);
}

a{color:var(--asm-primary);text-decoration:none}
a:hover{color:var(--asm-primary-dark)}
.btn,.form-control,.form-select,.input-group-text{border-radius:6px}
.btn-primary{background:var(--asm-primary);border-color:var(--asm-primary)}
.btn-primary:hover{background:var(--asm-primary-dark);border-color:var(--asm-primary-dark)}

.auth-page{min-height:100vh}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 12px}
.auth-card{width:min(420px,100%);padding:32px;background:#fff;border:1px solid var(--asm-border);border-radius:8px;box-shadow:0 18px 45px rgba(23,32,51,.08)}
.auth-logo{width:54px;height:54px;display:inline-grid;place-items:center;border-radius:8px;background:var(--asm-primary);color:#fff;font-size:24px}

.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.admin-sidebar{background:#142033;color:#fff;padding:18px;border-inline-end:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:20px;margin-bottom:24px}
.brand:hover{color:#fff}
.brand i{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--asm-primary)}
.admin-nav{display:grid;gap:6px}
.admin-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;color:#dbe7f5;border-radius:6px}
.admin-nav a:hover,.admin-nav a.active{background:#1f324d;color:#fff}
.admin-nav i{width:20px;text-align:center}
.admin-main{min-width:0;display:flex;flex-direction:column}
.admin-topbar{height:68px;background:#fff;border-bottom:1px solid var(--asm-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.admin-topbar small{display:block;color:var(--asm-muted);font-size:13px}
.admin-content{flex:1;padding:24px}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.page-title h1{font-size:28px;margin:0 0 4px}
.page-title p{margin:0;color:var(--asm-muted)}
.panel{background:var(--asm-panel);border:1px solid var(--asm-border);border-radius:8px;padding:18px}
.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.panel-header h2{font-size:20px;margin:0}
.smtp-panel .panel-header{border-bottom:1px solid var(--asm-border);padding-bottom:12px;margin-bottom:18px}
.form-text{color:#66758c;font-size:13px}
.stat-box{height:100%;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--asm-border);border-radius:8px;padding:18px}
.stat-box span{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#e8f2ff;color:var(--asm-primary);font-size:20px}
.stat-box strong,.stat-box small{display:block}
.stat-box small{color:var(--asm-muted)}
.module-card{height:100%;display:flex;gap:14px;align-items:flex-start;color:var(--asm-text);border:1px solid var(--asm-border);border-radius:8px;padding:16px;background:#fff}
.module-card:hover{border-color:#aac6e8;color:var(--asm-text)}
.module-card i{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#e8f2ff;color:var(--asm-primary)}
.module-card strong,.module-card small{display:block}
.module-card small{color:var(--asm-muted)}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.permission-group{border:1px solid var(--asm-border);border-radius:8px;padding:14px;background:#fbfdff}
.permission-group h3{font-size:16px;margin:0 0 10px}
.permission-group .form-check{margin-bottom:8px}
.thread-list{display:grid;gap:8px}
.thread-list a{display:block;border:1px solid var(--asm-border);border-radius:8px;padding:12px;color:var(--asm-text);background:#fff}
.thread-list a.active,.thread-list a:hover{border-color:#aac6e8;background:#f7fbff}
.thread-list strong,.thread-list small{display:block}
.thread-list small{color:var(--asm-muted);margin-top:4px}
.message-list{display:grid;gap:12px}
.message-bubble{max-width:82%;border:1px solid var(--asm-border);border-radius:8px;padding:12px;background:#fff}
.message-bubble.admin{margin-inline-start:auto;background:#eef6ff;border-color:#c7ddf6}
.message-bubble.customer{margin-inline-end:auto;background:#fbfdff}
.message-bubble p{margin:6px 0;white-space:normal}
.message-bubble small{color:var(--asm-muted)}
.empty-state{min-height:260px;display:grid;place-items:center;text-align:center;color:var(--asm-muted)}
.empty-state i{font-size:36px;color:#9db3ce}
.admin-footer{min-height:76px;background:#e9eef5;border-top:1px solid #d3dce8;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px}
.footer-credit{display:flex;align-items:center;gap:12px;color:#40516d;font-size:14px;line-height:1.35}
.footer-credit img{width:56px;height:42px;object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 8px 18px rgba(23,32,51,.08)}
.footer-credit-product img{width:72px}
.footer-credit strong,.footer-credit small{display:block}
.footer-credit strong{font-weight:700}
.footer-credit small{font-weight:600;color:#536783}
.footer-credit-product{direction:ltr;text-align:left}
.footer-credit-product span{direction:ltr}
.table{margin-bottom:0}
.table th{color:#41506a;font-weight:700;background:#f8fafc}

@media (max-width: 900px){
    .admin-shell{grid-template-columns:1fr}
    .admin-sidebar{position:static}
    .admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
    .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 560px){
    .admin-content{padding:16px}
    .admin-topbar{padding:0 16px}
    .page-title{align-items:flex-start;flex-direction:column}
    .admin-nav{grid-template-columns:1fr}
    .permission-grid{grid-template-columns:1fr}
    .admin-footer{flex-direction:column;justify-content:center;padding:16px;text-align:center}
    .footer-credit{justify-content:center;flex-direction:column;gap:8px}
    .footer-credit-product{text-align:center}
}