/* Avokati i Mjedisit — Internal Case Management */

.ael-cm-dashboard,
.ael-cm-case-list,
.ael-cm-case-detail {
    font-family: var(--sans, Arial, sans-serif);
    color: var(--ink, #14212b);
}

.ael-cm-dashboard,
.ael-cm-case-list,
.ael-cm-case-detail > section {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #d9e0e6);
    border-radius: var(--radius, 10px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07));
    padding: clamp(18px, 3vw, 30px);
    margin-bottom: 24px;
}

.ael-cm-dashboard h1 {
    color: var(--primary, #1c6091);
    margin-bottom: 12px;
}

.ael-cm-dashboard h2,
.ael-cm-case-list h2,
.ael-cm-case-detail h2,
.ael-cm-case-detail h3 {
    color: var(--ink, #14212b);
}

.ael-cm-case-detail > section {
    margin-top: 22px;
}

.ael-cm-dashboard table,
.ael-cm-case-list table,
.ael-cm-case-detail table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 18px;
    font-size: 14px;
}

.ael-cm-dashboard th,
.ael-cm-dashboard td,
.ael-cm-case-list th,
.ael-cm-case-list td,
.ael-cm-case-detail th,
.ael-cm-case-detail td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid var(--border, #d9e0e6);
}

.ael-cm-dashboard thead,
.ael-cm-case-list thead {
    background: var(--primary-tint, #e7f0f6);
}

.ael-cm-case-list tbody tr:hover {
    background: var(--surface-2, #eef2f5);
}

.ael-cm-case-list a,
.ael-cm-case-detail a {
    color: var(--primary, #1c6091);
    font-weight: 600;
}

.ael-cm-case-detail form,
.ael-cm-case-list form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

.ael-cm-case-detail input,
.ael-cm-case-detail select,
.ael-cm-case-detail textarea,
.ael-cm-case-list input,
.ael-cm-case-list select {
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border, #d9e0e6);
    border-radius: var(--radius-sm, 7px);
    background: var(--surface, #fff);
    color: var(--ink, #14212b);
    font: inherit;
}

.ael-cm-case-detail textarea {
    width: 100%;
    min-height: 100px;
}

.ael-cm-case-detail button,
.ael-cm-case-list button {
    align-self: flex-start;
    background: var(--primary, #1c6091);
    color: var(--on-primary, #fff);
    border: 0;
    border-radius: var(--radius-sm, 7px);
    padding: 11px 20px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.ael-cm-case-detail button:hover,
.ael-cm-case-list button:hover {
    background: var(--primary-strong, #114a73);
}

.ael-cm-status-form,
.ael-cm-assignment-form,
.ael-cm-notes-form,
.ael-cm-notes-history,
.ael-cm-status-history,
.ael-cm-evidence {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #d9e0e6);
    border-radius: var(--radius, 10px);
    padding: 22px;
    margin-top: 22px;
}

.ael-cm-notes-history li,
.ael-cm-status-history li {
    padding: 14px;
    margin-bottom: 10px;
    border: 1px solid var(--border, #d9e0e6);
    border-radius: var(--radius-sm, 7px);
    background: var(--surface-2, #eef2f5);
}

@media (max-width: 768px) {
    .ael-cm-dashboard,
    .ael-cm-case-list,
    .ael-cm-case-detail > section {
        padding: 16px;
    }

    .ael-cm-case-list {
        overflow-x: auto;
    }

    .ael-cm-case-list table {
        min-width: 720px;
    }

    .ael-cm-dashboard th,
    .ael-cm-dashboard td,
    .ael-cm-case-detail th,
    .ael-cm-case-detail td {
        padding: 9px;
    }
}


/* Case Management custom login */
.ael-cm-login {
    max-width: 460px;
    margin: 40px auto;
    padding: 32px;
    background: var(--surface, #fff);
    border: 1px solid var(--border, #dce3e8);
    border-radius: var(--radius, 10px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.07));
    font-family: var(--sans, Arial, sans-serif);
}

.ael-cm-login h1 {
    margin-top: 0;
    color: var(--primary, #1c6091);
}

.ael-cm-login label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.ael-cm-login input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 12px;
    border: 1px solid var(--border, #cbd5df);
    border-radius: 7px;
}

.ael-cm-login button {
    width: 100%;
    padding: 12px 20px;
    border: 0;
    border-radius: 7px;
    background: var(--primary, #1c6091);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}