.mklc-dash {
    --mklc-main: #1f2640;
    --mklc-secondary: #d4a85a;
    --mklc-bg: #ffffff;
    --mklc-surface: #ffffff;
    --mklc-muted: #f4f5f7;
    --mklc-border: #dfe3ea;
    --mklc-text: #111827;
    --mklc-soft: #667085;
    --mklc-danger: #b42318;
    background: var(--mklc-bg);
    color: var(--mklc-text);
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    min-height: 100vh;
    min-height: 100dvh;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
}

.mklc-dash *,
.mklc-dash *::before,
.mklc-dash *::after {
    box-sizing: border-box;
}

.mklc-dash [hidden] {
    display: none !important;
}

.mklc-dash.is-dark {
    --mklc-bg: #101522;
    --mklc-surface: #151b2b;
    --mklc-muted: #1d2538;
    --mklc-border: #30394e;
    --mklc-text: #f8fafc;
    --mklc-soft: #b9c0cf;
}

.mklc-sidebar {
    background: var(--mklc-main);
    color: #fff;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 22px 16px;
}

.mklc-sidebar-head {
    display: block;
}

button.mklc-sidebar-close,
button.mklc-sidebar-theme,
.mklc-mobile-bar,
.mklc-sidebar-backdrop {
    display: none;
}

.mklc-sidebar-tools {
    display: none;
}

.mklc-brand {
    display: grid;
    gap: 2px;
    margin-bottom: 24px;
}

.mklc-brand span {
    color: var(--mklc-secondary);
    font-size: 24px;
    font-weight: 800;
}

.mklc-brand small {
    color: rgba(255, 255, 255, .72);
}

.mklc-nav {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
    padding: 11px 12px;
    text-align: start;
    width: 100%;
}

.mklc-nav:hover,
.mklc-nav.is-active {
    background: rgba(212, 168, 90, .16);
    color: #fff;
}

.mklc-ico {
    color: currentColor;
    display: inline-grid;
    height: 20px;
    place-items: center;
    position: relative;
    flex: 0 0 20px;
    width: 20px;
}

.mklc-ico::before {
    background: currentColor;
    content: "";
    display: block;
    height: 18px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 18px;
}

.mklc-ico[data-icon="home"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1V10.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1V10.5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="users"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm8 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM2 21a6 6 0 0 1 12 0H2zm12.5 0a7.5 7.5 0 0 0-2.1-5.2A5 5 0 0 1 22 18.5V21h-7.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm8 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM2 21a6 6 0 0 1 12 0H2zm12.5 0a7.5 7.5 0 0 0-2.1-5.2A5 5 0 0 1 22 18.5V21h-7.5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="scale"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3h2v3h7v2h-2.1L21 15h-2.1L16 8.5 13.1 15H11l3.1-7H13v12h4v2H7v-2h4V8H9.9L13 15h-2.1L8 8.5 5.1 15H3l3.1-7H4V6h7V3zM3 16h8a4 4 0 0 1-8 0zm10 0h8a4 4 0 0 1-8 0z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3h2v3h7v2h-2.1L21 15h-2.1L16 8.5 13.1 15H11l3.1-7H13v12h4v2H7v-2h4V8H9.9L13 15h-2.1L8 8.5 5.1 15H3l3.1-7H4V6h7V3zM3 16h8a4 4 0 0 1-8 0zm10 0h8a4 4 0 0 1-8 0z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="archive"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v5H3V4zm2 7h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9zm4 2v2h6v-2H9z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v5H3V4zm2 7h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9zm4 2v2h6v-2H9z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="note"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h11l3 3v15H5V3zm3 6h8V7H8v2zm0 4h8v-2H8v2zm0 4h5v-2H8v2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h11l3 3v15H5V3zm3 6h8V7H8v2zm0 4h8v-2H8v2zm0 4h5v-2H8v2z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="user"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm-9 9a9 9 0 0 1 18 0H3z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm-9 9a9 9 0 0 1 18 0H3z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="sliders"]::before,
.mklc-ico[data-icon="settings"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7h9a3 3 0 1 0 0-2H4v2zm13-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM4 13h3a3 3 0 1 0 0-2H4v2zm7-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM4 19h11a3 3 0 1 0 0-2H4v2zm15-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7h9a3 3 0 1 0 0-2H4v2zm13-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM4 13h3a3 3 0 1 0 0-2H4v2zm7-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM4 19h11a3 3 0 1 0 0-2H4v2zm15-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="logout"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h9v2H6v14h7v2H4V3zm12.6 5.4L21.2 13l-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h7.4l-2.2-2.2 1.4-1.4z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h9v2H6v14h7v2H4V3zm12.6 5.4L21.2 13l-4.6 4.6-1.4-1.4 2.2-2.2H10v-2h7.4l-2.2-2.2 1.4-1.4z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="moon"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 14.8A8.5 8.5 0 0 1 9.2 3a9.5 9.5 0 1 0 11.8 11.8z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 14.8A8.5 8.5 0 0 1 9.2 3a9.5 9.5 0 1 0 11.8 11.8z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="menu"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="search"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4a6.5 6.5 0 0 1 5.1 10.5l4 4-1.4 1.4-4-4A6.5 6.5 0 1 1 10.5 4zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4a6.5 6.5 0 0 1 5.1 10.5l4 4-1.4 1.4-4-4A6.5 6.5 0 1 1 10.5 4zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="plus"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="chevron-left"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.5 5-7 7 7 7 1.4-1.4L11.3 12l5.6-5.6L15.5 5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.5 5-7 7 7 7 1.4-1.4L11.3 12l5.6-5.6L15.5 5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="chevron-right"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.5 5 7 7-7 7-1.4-1.4 5.6-5.6-5.6-5.6L8.5 5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.5 5 7 7-7 7-1.4-1.4 5.6-5.6-5.6-5.6L8.5 5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="calendar"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h4v17H3V5h4V2zm12 8H5v10h14V10z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h4v17H3V5h4V2zm12 8H5v10h14V10z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="location"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7zm0 9.5A2.5 2.5 0 1 0 12 6a2.5 2.5 0 0 0 0 5.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7zm0 9.5A2.5 2.5 0 1 0 12 6a2.5 2.5 0 0 0 0 5.5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="edit"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 16.5 9.8-9.8 3.5 3.5L7.5 20H4v-3.5zM16 4.5 17.5 3 21 6.5 19.5 8 16 4.5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 16.5 9.8-9.8 3.5 3.5L7.5 20H4v-3.5zM16 4.5 17.5 3 21 6.5 19.5 8 16 4.5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="eye"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5c5.2 0 8.5 4.6 10 7-1.5 2.4-4.8 7-10 7S3.5 14.4 2 12c1.5-2.4 4.8-7 10-7zm0 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5c5.2 0 8.5 4.6 10 7-1.5 2.4-4.8 7-10 7S3.5 14.4 2 12c1.5-2.4 4.8-7 10-7zm0 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="undo"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V3L2 10l7 7v-4h6a4 4 0 0 1 0 8h-3v-2h3a2 2 0 0 0 0-4H7V7h2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V3L2 10l7 7v-4h6a4 4 0 0 1 0 8h-3v-2h3a2 2 0 0 0 0-4H7V7h2z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="lock"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2zm2 0h6V8a3 3 0 0 0-6 0v2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2zm2 0h6V8a3 3 0 0 0-6 0v2z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="x"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="trash"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3h6l1 2h5v2H3V5h5l1-2zm-3 6h12l-1 12H7L6 9z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3h6l1 2h5v2H3V5h5l1-2zm-3 6h12l-1 12H7L6 9z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="star"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8-6.2-3.2L5.8 21 7 14.2 2 9.3l6.9-1L12 2z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8-6.2-3.2L5.8 21 7 14.2 2 9.3l6.9-1L12 2z'/%3E%3C/svg%3E");
}

.mklc-ico[data-icon="arrow-right"]::before {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.5 5 7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.7l-4.6-4.6L13.5 5z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.5 5 7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.7l-4.6-4.6L13.5 5z'/%3E%3C/svg%3E");
}

.mklc-main {
    background: var(--mklc-bg);
    min-width: 0;
    padding: 24px;
}

.mklc-topbar,
.mklc-panel-head,
.mklc-actions,
.mklc-upload-row,
.mklc-pagination {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.mklc-topbar {
    margin-bottom: 20px;
}

.mklc-panel-head {
    margin-bottom: 18px;
}

.mklc-pagination {
    margin-top: 18px;
}

.mklc-dash[data-scope="client"] .mklc-topbar > div:first-child {
    display: none;
}

.mklc-dash[data-scope="client"] .mklc-topbar {
    justify-content: flex-end;
}

.mklc-topbar h1 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0;
}

.mklc-topbar p {
    color: var(--mklc-soft);
    margin: 4px 0 0;
}

.mklc-top-actions {
    align-items: center;
    display: flex;
    gap: 8px;
}

.mklc-search,
.mklc-dash input,
.mklc-dash select,
.mklc-dash textarea,
.mklc-dash .mklc-control-input {
    background: var(--mklc-surface) !important;
    border: 1px solid var(--mklc-border) !important;
    border-radius: 8px;
    color: var(--mklc-text) !important;
    min-height: 40px;
    padding: 9px 11px;
    width: 100%;
}

.mklc-dash .mklc-control-input::placeholder {
    color: var(--mklc-soft) !important;
    opacity: 1;
}

.mklc-dash .mklc-control-input:disabled,
.mklc-dash .mklc-control-input[readonly] {
    color: var(--mklc-text) !important;
    -webkit-text-fill-color: var(--mklc-text) !important;
    opacity: 1;
}

.mklc-search {
    width: min(320px, 42vw);
}

.mklc-dash textarea {
    min-height: 110px;
    resize: vertical;
}

.mklc-password-wrap {
    display: block;
    position: relative;
}

.mklc-password-wrap input {
    padding-inline-end: 48px;
}

.mklc-password-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--mklc-soft);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    inset-inline-end: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
}

.mklc-password-toggle:hover,
.mklc-password-toggle.is-active {
    color: var(--mklc-secondary);
}

.mklc-btn,
.mklc-icon-btn {
    align-items: center;
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    min-height: 40px;
    padding: 9px 13px;
}

.mklc-btn-primary {
    background: var(--mklc-secondary);
    border-color: var(--mklc-secondary);
    color: #1b2034;
    font-weight: 700;
}

.mklc-icon-btn {
    background: var(--mklc-surface);
    color: var(--mklc-text);
    min-width: 40px;
    padding: 0;
}

.mklc-icon-btn.is-active {
    border-color: var(--mklc-secondary);
    color: var(--mklc-secondary);
}

.mklc-icon-btn.is-danger {
    background: var(--mklc-danger);
    border-color: var(--mklc-danger);
    color: #fff;
}

.mklc-grid {
    display: grid;
    gap: 14px;
}

.mklc-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.mklc-card {
    background: var(--mklc-surface);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    padding: 16px;
}

.mklc-stat strong {
    display: block;
    font-size: 30px;
}

.mklc-stat span,
.mklc-muted {
    color: var(--mklc-soft);
}

.mklc-table-wrap {
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    overflow: auto;
}

.mklc-tabs {
    align-items: center;
    background: var(--mklc-muted);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    display: inline-flex;
    gap: 4px;
    margin: 14px 0 16px;
    padding: 4px;
}

.mklc-tab {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--mklc-soft);
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    font-weight: 700;
    min-height: 36px;
    padding: 8px 12px;
}

.mklc-tab:hover,
.mklc-tab.is-active {
    background: var(--mklc-surface);
    color: var(--mklc-main);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}

.mklc-tab-symbol {
    align-items: center;
    background: var(--mklc-secondary);
    border-radius: 6px;
    color: #111827;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px;
}

.mklc-dash.is-dark .mklc-tab.is-active {
    color: var(--mklc-text);
}

.mklc-table {
    border-collapse: collapse;
    min-width: 960px;
    width: 100%;
}

.mklc-loader {
    animation: mklc-spin .75s linear infinite;
    border: 2px solid var(--mklc-border);
    border-top-color: var(--mklc-secondary);
    border-radius: 999px;
    display: inline-block;
    height: 16px;
    margin-inline-end: 8px;
    vertical-align: -3px;
    width: 16px;
}

@keyframes mklc-spin {
    to {
        transform: rotate(360deg);
    }
}

.mklc-table th,
.mklc-table td {
    border-bottom: 1px solid var(--mklc-border);
    padding: 11px;
    text-align: start;
    vertical-align: middle;
}

.mklc-table th {
    background: var(--mklc-muted);
    color: var(--mklc-soft);
    font-size: 12px;
    font-weight: 700;
}

.mklc-related-cases-table {
    min-width: 0;
    table-layout: fixed;
}

.mklc-related-cases-table th:first-child,
.mklc-related-cases-table td:first-child {
    width: 56px;
}

.mklc-related-cases-table th:last-child,
.mklc-related-cases-table td:last-child {
    text-align: center;
    width: 84px;
}

.mklc-row-actions {
    display: flex;
    gap: 6px;
}

.mklc-modal-root {
    background: rgba(6, 11, 23, .58);
    inset: 0;
    overflow-y: auto;
    padding: 40px 16px;
    position: fixed;
    z-index: 99999;
}

.mklc-modal {
    background: var(--mklc-surface);
    border-radius: 8px;
    color: var(--mklc-text);
    margin: 0 auto;
    max-width: 760px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding: 20px;
}

.mklc-modal form[data-readonly="true"] input,
.mklc-modal form[data-readonly="true"] select,
.mklc-modal form[data-readonly="true"] textarea {
    cursor: default;
    opacity: .9;
}

.mklc-modal form[data-readonly="true"] .mklc-upload-box {
    display: none;
}

.mklc-confirm {
    max-width: 440px;
}

.mklc-confirm p {
    color: var(--mklc-soft);
    margin: 12px 0 18px;
}

.mklc-form-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mklc-form-grid > label,
.mklc-form-grid .mklc-field {
    color: var(--mklc-soft);
    display: grid;
    gap: 6px;
    font-size: 13px;
}

.mklc-label-row {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.mklc-switch {
    align-items: center;
    color: var(--mklc-soft);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    max-width: 52%;
    white-space: nowrap;
}

.mklc-switch input {
    height: 1px;
    min-height: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    width: 1px;
    padding: 0;
}

.mklc-switch span {
    background: var(--mklc-border);
    border-radius: 999px;
    display: inline-flex;
    height: 20px;
    padding: 2px;
    transition: background .16s ease;
    width: 36px;
}

.mklc-switch span::before {
    background: var(--mklc-surface);
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .18);
    content: "";
    display: block;
    height: 16px;
    transition: transform .16s ease;
    width: 16px;
}

.mklc-switch input:checked + span {
    background: var(--mklc-secondary);
}

.mklc-switch input:checked + span::before {
    transform: translateX(16px);
}

[dir="rtl"] .mklc-switch input:checked + span::before {
    transform: translateX(-16px);
}

.mklc-switch em {
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mklc-switch-lg span {
    height: 24px;
    width: 44px;
}

.mklc-switch-lg span::before {
    height: 20px;
    width: 20px;
}

.mklc-switch-lg input:checked + span::before {
    transform: translateX(20px);
}

[dir="rtl"] .mklc-switch-lg input:checked + span::before {
    transform: translateX(-20px);
}

.mklc-client-pick,
.mklc-lawyer-pick {
    position: relative;
}

.mklc-suggest {
    background: var(--mklc-surface);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    box-shadow: 0 14px 32px rgba(16, 24, 40, .18);
    display: grid;
    gap: 2px;
    inset-inline: 0;
    max-height: 230px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    top: calc(100% + 4px);
    z-index: 3;
}

.mklc-suggest button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--mklc-text);
    cursor: pointer;
    display: grid;
    gap: 2px;
    padding: 9px;
    text-align: start;
}

.mklc-suggest button:hover {
    background: var(--mklc-muted);
}

.mklc-suggest button span,
.mklc-suggest-empty {
    color: var(--mklc-soft);
    font-size: 12px;
}

.mklc-suggest-empty {
    padding: 9px;
}

.mklc-form-grid .is-wide {
    grid-column: 1 / -1;
}

.mklc-files {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.mklc-upload-box {
    align-items: center;
    background: color-mix(in srgb, var(--mklc-muted) 76%, transparent);
    border: 1px dashed var(--mklc-border);
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    gap: 5px;
    justify-items: center;
    min-height: 108px;
    padding: 18px;
    position: relative;
    text-align: center;
    transition: border-color .16s ease, background .16s ease;
}

.mklc-upload-box:hover {
    background: var(--mklc-muted);
    border-color: var(--mklc-secondary);
}

.mklc-upload-box .mklc-ico {
    color: var(--mklc-secondary);
    height: 28px;
    width: 28px;
}

.mklc-upload-box .mklc-ico::before {
    height: 26px;
    width: 26px;
}

.mklc-upload-box strong {
    color: var(--mklc-text);
    font-size: 14px;
}

.mklc-upload-box small {
    color: var(--mklc-soft);
}

.mklc-upload-box input {
    cursor: pointer;
    inset: 0;
    opacity: 0;
    position: absolute;
}

.mklc-selected-files {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.mklc-selected-file {
    align-items: center;
    background: var(--mklc-muted);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    color: var(--mklc-text);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 40px;
    padding: 7px 8px 7px 12px;
}

.mklc-selected-file > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mklc-selected-file .mklc-icon-btn {
    min-height: 30px;
    min-width: 30px;
}

.mklc-hearings {
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 14px;
}

.mklc-hearings-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.mklc-hearings-head h3 {
    color: var(--mklc-text);
    font-size: 16px;
    margin: 0;
}

.mklc-hearing-list {
    display: grid;
    gap: 8px;
}

.mklc-hearing-row {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: 140px minmax(0, 1fr) minmax(0, 1fr) 40px;
}

.mklc-hearing-row .mklc-icon-btn {
    min-height: 40px;
}

.mklc-calendar {
    display: grid;
    gap: 14px;
}

.mklc-calendar-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.mklc-calendar-head h2 {
    margin: 0;
}

.mklc-calendar-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.mklc-calendar-weekday {
    color: var(--mklc-soft);
    font-size: 12px;
    font-weight: 700;
    padding: 6px;
    text-align: center;
}

.mklc-calendar-day {
    aspect-ratio: 1;
    background: var(--mklc-surface);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    color: var(--mklc-text);
    display: grid;
    gap: 6px;
    place-items: center;
    position: relative;
    padding: 10px 6px;
    text-align: center;
}

.mklc-calendar-day.has-case {
    border-color: var(--mklc-secondary);
    cursor: pointer;
}

.mklc-calendar-day.has-case:disabled {
    cursor: default;
    opacity: 1;
}

.mklc-calendar-day-cases {
    display: grid;
    gap: 3px;
    justify-items: center;
    max-width: 100%;
}

.mklc-calendar-day-cases em {
    color: var(--mklc-secondary);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mklc-calendar-count {
    background: var(--mklc-secondary);
    border-radius: 999px;
    color: #1b2034;
    font-size: 11px;
    font-weight: 800;
    min-width: 20px;
    padding: 2px 6px;
}

.mklc-calendar-day.is-empty {
    visibility: hidden;
}

.mklc-calendar-cases,
.mklc-calendar-case {
    display: grid;
    gap: 12px;
}

.mklc-calendar-case dl {
    display: grid;
    gap: 8px 14px;
    grid-template-columns: 180px minmax(0, 1fr);
    margin: 0;
}

.mklc-calendar-case dt {
    color: var(--mklc-soft);
    font-weight: 700;
}

.mklc-calendar-case dd {
    margin: 0;
}

.mklc-calendar-files {
    display: grid;
    gap: 8px;
}

.mklc-file-preview {
    max-width: min(1000px, 96vw);
}

.mklc-file-preview iframe {
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    height: 70vh;
    width: 100%;
}

.mklc-client-hearing-wrap {
    align-items: center;
    display: grid;
    gap: 14px;
    justify-content: center;
    min-height: 340px;
}

.mklc-client-hearing-card {
    min-width: min(420px, 88vw);
    text-align: center;
}

.mklc-client-hearing-card span,
.mklc-client-hearing-card small {
    color: var(--mklc-soft);
    display: block;
}

.mklc-client-hearing-card strong {
    display: block;
    font-size: 34px;
    margin: 8px 0;
}

.mklc-file {
    align-items: center;
    background: var(--mklc-muted);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
}

.mklc-toast-region {
    bottom: 18px;
    display: grid;
    gap: 8px;
    max-width: 360px;
    position: fixed;
    right: 18px;
    z-index: 100000;
}

[dir="rtl"] .mklc-toast-region {
    left: 18px;
    right: auto;
}

.mklc-toast {
    background: var(--mklc-main);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: #fff;
    padding: 11px 13px;
}

.mklc-profile {
    max-width: 760px;
}

.mklc-settings {
    display: grid;
    gap: 20px;
}

.mklc-settings-head,
.mklc-setting-row {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.mklc-settings h2,
.mklc-settings h3 {
    margin: 0;
}

.mklc-settings-section {
    border-top: 1px solid var(--mklc-border);
    display: grid;
    gap: 12px;
    padding-top: 18px;
}

.mklc-settings-section-head {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.mklc-settings-tools {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.mklc-settings-tools .mklc-btn {
    position: relative;
}

.mklc-settings-tools input[type="file"] {
    cursor: pointer;
    inset: 0;
    opacity: 0;
    position: absolute;
}

.mklc-setting-row {
    background: var(--mklc-muted);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    padding: 14px;
}

.mklc-setting-row small {
    color: var(--mklc-soft);
    display: block;
    margin-top: 3px;
}

.mklc-segmented {
    align-items: center;
    background: var(--mklc-muted);
    border: 1px solid var(--mklc-border);
    border-radius: 8px;
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    width: max-content;
}

.mklc-segmented label {
    cursor: pointer;
}

.mklc-segmented input {
    height: 1px;
    min-height: 0;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.mklc-segmented span {
    border-radius: 6px;
    color: var(--mklc-soft);
    display: inline-flex;
    font-weight: 700;
    min-width: 84px;
    padding: 8px 12px;
    justify-content: center;
}

.mklc-segmented input:checked + span {
    background: var(--mklc-surface);
    color: var(--mklc-text);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}

.mklc-avatar {
    background: var(--mklc-muted);
    border: 1px dashed var(--mklc-border);
    border-radius: 8px;
    display: grid;
    height: 128px;
    margin-bottom: 14px;
    place-items: center;
    width: 128px;
}

.mklc-avatar img {
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.mklc-request-wrap {
    display: block;
    min-height: 0;
}

.mklc-public-form {
    max-width: 680px;
}

.mklc-public-form label {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.mklc-public-row {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 640px) {
    .mklc-public-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .mklc-dash {
        grid-template-columns: 1fr;
    }

    .mklc-sidebar {
        bottom: 0;
        box-shadow: 18px 0 40px rgba(6, 11, 23, .26);
        left: 0;
        max-width: calc(100vw - 56px);
        overflow-y: auto;
        position: fixed;
        right: auto;
        top: 0;
        transform: translateX(-104%);
        transition: transform .22s ease;
        width: 300px;
        z-index: 100001;
    }

    [dir="rtl"] .mklc-sidebar {
        left: auto;
        right: 0;
        transform: translateX(104%);
    }

    .mklc-dash.is-sidebar-open .mklc-sidebar {
        transform: translateX(0);
    }

    .mklc-sidebar-head {
        align-items: start;
        display: flex;
        gap: 12px;
        justify-content: space-between;
    }

    .mklc-sidebar-tools {
        align-items: center;
        display: flex;
        gap: 8px;
    }

    button.mklc-sidebar-close {
        background: rgba(255, 255, 255, .08);
        color: #fff;
        display: inline-flex;
        flex: 0 0 auto;
    }

    button.mklc-sidebar-theme {
        background: rgba(255, 255, 255, .08);
        color: #fff;
        display: inline-flex;
        flex: 0 0 auto;
    }

    .mklc-sidebar-backdrop {
        background: rgba(6, 11, 23, .62);
        border: 0;
        cursor: pointer;
        display: block;
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity .22s ease;
        z-index: 100000;
    }

    .mklc-dash.is-sidebar-open .mklc-sidebar-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .mklc-mobile-bar {
        align-items: center;
        display: flex;
        gap: 12px;
        justify-content: space-between;
        margin-bottom: 18px;
    }

    .mklc-mobile-brand {
        display: grid;
        line-height: 1.25;
    }

    .mklc-mobile-brand span {
        color: var(--mklc-secondary);
        font-size: 20px;
        font-weight: 800;
    }

    .mklc-mobile-brand small {
        display: none;
    }

    .mklc-mobile-add-slot {
        margin-inline-start: auto;
    }

    .mklc-mobile-add-slot:empty {
        display: none;
    }

    .mklc-mobile-add-btn {
        min-height: 36px;
        padding: 7px 10px;
        white-space: nowrap;
    }

    .mklc-main {
        padding: 16px;
    }

    .mklc-topbar {
        position: relative;
    }

    .mklc-topbar p {
        display: none;
    }

    .mklc-top-actions {
        background: var(--mklc-surface);
        border: 1px solid var(--mklc-border);
        border-radius: 8px;
        box-shadow: 0 18px 40px rgba(6, 11, 23, .18);
        display: grid;
        inset-inline: 0;
        opacity: 0;
        padding: 10px;
        pointer-events: none;
        position: absolute;
        top: calc(100% + 8px);
        transform: translateY(-4px);
        transition: opacity .16s ease, transform .16s ease;
        z-index: 4;
    }

    .mklc-dash.is-search-open .mklc-top-actions {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .mklc-top-actions [data-theme-toggle] {
        display: none;
    }

    .mklc-panel-head .mklc-actions {
        display: none;
    }

    .mklc-topbar,
    .mklc-panel-head,
    .mklc-top-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .mklc-search {
        width: 100%;
    }

    .mklc-stats {
        display: none;
    }

    .mklc-form-grid {
        grid-template-columns: 1fr;
    }

    .mklc-mobile-cards {
        display: grid;
        gap: 10px;
    }

    .mklc-mobile-record-card {
        background: var(--mklc-surface);
        border: 1px solid var(--mklc-border);
        border-radius: 8px;
        display: grid;
        gap: 10px;
        padding: 14px;
    }

    .mklc-mobile-record-card > div:not(.mklc-row-actions) {
        display: grid;
        gap: 2px;
    }

    .mklc-mobile-record-card span {
        color: var(--mklc-soft);
        font-size: 12px;
        font-weight: 700;
    }

    .mklc-mobile-record-card strong {
        color: var(--mklc-text);
        font-size: 15px;
        line-height: 1.35;
    }

    .mklc-mobile-card-loading {
        align-items: center;
        display: flex;
        flex-direction: row;
        min-height: 58px;
    }

    .mklc-mobile-record-card .mklc-row-actions {
        border-top: 1px solid var(--mklc-border);
        flex-wrap: wrap;
        padding-top: 10px;
    }

    .mklc-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
    }

    .mklc-tab {
        min-height: 44px;
        padding: 8px;
    }

    .mklc-tab > span:not(.mklc-tab-symbol) {
        display: none;
    }

    .mklc-tab-symbol {
        height: 28px;
        width: 28px;
    }

    .mklc-settings-head,
    .mklc-settings-section-head,
    .mklc-setting-row {
        align-items: stretch;
        flex-direction: column;
    }

    .mklc-settings-tools {
        justify-content: stretch;
    }

    .mklc-segmented {
        display: grid;
        width: 100%;
    }

    .mklc-hearing-row {
        grid-template-columns: 1fr;
    }
}