/* CRMS-inspired theme — https://crms.dreamstechnologies.com/html/ */

body:has(.shys-theme-crms) {
    font-family: "Golos Text", "Plus Jakarta Sans", system-ui, sans-serif;
    font-size: 14px;
    color: #707070;
    background: #f7f8f9;
}

.shys-theme-crms {
    --crms-primary: #e41f07;
    --crms-primary-hover: #c11a06;
    --crms-primary-transparent: #fce9e6;
    --crms-secondary: #ffa201;
    --crms-sidenav-width: 240px;
    --crms-topbar-height: 56px;
    --crms-border: #e8e8e8;
    --crms-menu-title: #707070;
    --crms-menu-item: #707070;
    --crms-heading: #1f2020;
    --shys-accent: var(--crms-primary);
    --shys-accent-dark: var(--crms-primary-hover);
    --shys-accent-soft: var(--crms-primary-transparent);
    --shys-link: var(--crms-primary);
    --shys-sidebar: #fff;
    --shys-bg: #f7f8f9;
    --shys-border: var(--crms-border);
    --shys-text: var(--crms-heading);
    --shys-muted: var(--crms-menu-item);
    --bs-primary: var(--crms-primary);
    --bs-primary-rgb: 228, 31, 7;
    --bs-link-color: var(--crms-primary);
    --bs-link-hover-color: var(--crms-primary-hover);
}

/* —— Admin shell —— */
/* app.css .shys-app { display:flex } + margin-left çift boşluk yaratıyordu — sıfırla */
.shys-theme-crms.shys-app,
.shys-theme-crms.main-wrapper {
    display: block;
    width: 100%;
    min-height: 100vh;
    background: #f7f8f9;
}

.shys-theme-crms .shys-sidebar,
.shys-theme-crms .sidebar.shys-admin-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--crms-sidenav-width) !important;
    flex-shrink: 0;
    background: #fff !important;
    border-right: 1px solid var(--crms-border);
    box-shadow: none !important;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    transition: transform 0.35s ease, margin 0.35s ease;
    color: var(--crms-menu-item);
}

.shys-theme-crms .shys-admin-exit {
    border-bottom-color: var(--crms-border);
}

.shys-theme-crms .shys-admin-exit-link {
    color: var(--crms-menu-title);
}

.shys-theme-crms .shys-backdrop {
    z-index: 1000;
}

@media (max-width: 991.98px) {
    .shys-theme-crms .sidebar.shys-admin-sidebar {
        margin-left: -260px;
    }

    .shys-theme-crms .sidebar.shys-admin-sidebar.is-open {
        margin-left: 0;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    }
}

.shys-theme-crms .sidebar-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.shys-theme-crms .shys-sidebar-brand {
    min-height: var(--crms-topbar-height);
    padding: 12px 16px;
    border-bottom: 1px solid var(--crms-border);
    display: flex;
    align-items: center;
    border-bottom-color: var(--crms-border);
    flex-shrink: 0;
}

.shys-theme-crms .shys-sidebar-brand-logo {
    max-height: 28px;
    width: auto;
}

.shys-theme-crms .shys-sidebar-tagline {
    display: block;
    font-size: 0.68rem;
    color: var(--crms-menu-title);
    margin-top: 0.25rem;
}

.shys-theme-crms .sidebar-inner,
.shys-theme-crms .shys-sidebar-nav {
    flex: 1;
    overflow-y: auto;
    padding: 12px 10px 16px;
}

.shys-theme-crms .shys-sidebar-section {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--crms-menu-title);
    margin: 1rem 0 0.35rem;
    padding: 0 10px;
}

.shys-theme-crms .shys-sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 9px 12px;
    margin-bottom: 2px;
    border-radius: 6px;
    color: var(--crms-menu-item);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.shys-theme-crms .shys-sidebar-link:hover {
    background: rgba(228, 31, 7, 0.08);
    color: var(--crms-primary);
}

.shys-theme-crms .shys-sidebar-link.active {
    background: var(--crms-primary-transparent);
    color: var(--crms-primary);
    font-weight: 600;
}

.shys-theme-crms .shys-sidebar-dock {
    padding: 12px 10px;
    border-top: 1px solid var(--crms-border);
}

.shys-theme-crms .navbar-header {
    position: sticky;
    top: 0;
    z-index: 999;
    min-height: var(--crms-topbar-height);
    margin-left: var(--crms-sidenav-width);
    width: calc(100% - var(--crms-sidenav-width));
    background: #fff;
    border-bottom: 1px solid var(--crms-border);
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

@media (max-width: 991.98px) {
    .shys-theme-crms .navbar-header {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .shys-theme-crms .navbar-header {
        margin-left: 0;
        width: 100%;
    }
}

.shys-theme-crms .page-wrapper,
.shys-theme-crms .page-wrapper.shys-workspace {
    margin-left: var(--crms-sidenav-width);
    width: calc(100% - var(--crms-sidenav-width));
    min-height: calc(100vh - var(--crms-topbar-height));
    display: flex;
    flex-direction: column;
    flex: none;
    box-sizing: border-box;
    background: #f7f8f9;
}

@media (max-width: 991.98px) {
    .shys-theme-crms .page-wrapper,
    .shys-theme-crms .page-wrapper.shys-workspace {
        margin-left: 0;
        width: 100%;
    }
}

.shys-theme-crms .page-wrapper .content,
.shys-theme-crms .shys-content-inner {
    max-width: none;
    margin: 0;
    padding: 1.25rem 1.5rem 2rem;
    width: 100%;
    box-sizing: border-box;
}

.shys-theme-crms .mobile-btn,
.shys-theme-crms .btn-menubar,
.shys-theme-crms .shys-topbar-menu {
    width: 36px;
    height: 36px;
    border: 1px solid var(--crms-border);
    border-radius: 6px;
    background: #f7f8f9;
    color: var(--crms-heading);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-decoration: none;
}

.shys-theme-crms .shys-topbar-menu-bar {
    display: block;
    width: 15px;
    height: 2px;
    background: currentColor;
    margin: 2px 0;
    border-radius: 1px;
}

.shys-theme-crms .shys-admin-topbar-user-chip {
    border: 1px solid var(--crms-border);
    border-radius: 50px;
    background: #fff;
}

.shys-theme-crms .shys-admin-topbar-user-avatar {
    background: var(--crms-primary-transparent);
    color: var(--crms-primary);
    font-weight: 700;
}

.shys-theme-crms .shys-admin-shell-welcome-hello {
    font-size: 1rem;
    font-weight: 600;
    color: var(--crms-heading);
}

.shys-theme-crms .shys-card {
    background: #fff;
    border: 1px solid var(--crms-border);
    border-radius: 8px;
    box-shadow: none;
}

.shys-theme-crms .shys-page-head h1 {
    font-size: 18px;
    font-weight: 700;
    color: var(--crms-heading);
}

.shys-theme-crms .shys-btn-primary,
.shys-theme-crms .btn-primary {
    background: var(--crms-primary);
    border-color: var(--crms-primary);
    color: #fff;
    border-radius: 6px;
    font-weight: 500;
}

.shys-theme-crms .shys-btn-primary:hover,
.shys-theme-crms .btn-primary:hover {
    background: var(--crms-primary-hover);
    border-color: var(--crms-primary-hover);
    color: #fff;
}

.shys-theme-crms .table thead th {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--crms-menu-title);
    text-transform: uppercase;
    background: #f7f8f9;
    border-bottom: 1px solid var(--crms-border);
}

.shys-theme-crms .shys-footer-bar,
.shys-theme-crms .shys-admin-footer {
    padding: 12px 1.25rem;
    background: #fff;
    border-top: 1px solid var(--crms-border);
    color: #9ca3af;
    font-size: 0.8rem;
}

.shys-theme-crms .shys-dash-quick-tile {
    border: 1px solid var(--crms-border);
    border-radius: 8px;
    background: #fff;
}

.shys-theme-crms .shys-dash-quick-tile:hover {
    border-color: var(--crms-primary);
    box-shadow: 0 2px 8px rgba(228, 31, 7, 0.1);
}

/* Üye panel */
.shys-theme-crms.shys-uye-app {
    display: block;
    min-height: 100vh;
    background: #f7f8f9;
}

.shys-theme-crms.shys-uye-app .shys-admin-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--crms-sidenav-width) !important;
    z-index: 1001;
    background: #fff !important;
    box-shadow: none !important;
}

.shys-theme-crms.shys-uye-app .shys-admin-workspace {
    margin-left: var(--crms-sidenav-width);
    width: calc(100% - var(--crms-sidenav-width));
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex: none;
    box-sizing: border-box;
}

@media (max-width: 991.98px) {
    .shys-theme-crms.shys-uye-app .shys-admin-workspace {
        margin-left: 0;
        width: 100%;
    }

    .shys-theme-crms.shys-uye-app .shys-admin-sidebar {
        margin-left: -260px;
    }

    .shys-theme-crms.shys-uye-app .shys-admin-sidebar.is-open {
        margin-left: 0;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    }
}

.shys-theme-crms.shys-uye-app .shys-admin-topbar {
    min-height: var(--crms-topbar-height);
    background: #fff;
    border-bottom: 1px solid var(--crms-border);
    padding: 0 1.25rem;
}

.shys-theme-crms.shys-uye-app .shys-content-inner {
    max-width: none;
    margin: 0;
    padding: 1.25rem 1.5rem 2rem;
}

/* —— Public site —— */
.shys-theme-crms.rx-shell.pub-shell {
    background: #fff;
}

.shys-theme-crms.rx-shell .pub-header {
    background: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 0 rgba(52, 80, 102, 0.08);
}

.shys-theme-crms.rx-shell--home .pub-header {
    background: transparent;
    box-shadow: none;
}

.shys-theme-crms.rx-shell--home.is-scrolled .pub-header,
.shys-theme-crms.rx-shell--home .pub-header.is-solid {
    background: #fff;
}

.shys-theme-crms.rx-shell .pub-nav-link:hover,
.shys-theme-crms.rx-shell .pub-nav-link.active {
    color: #f15e4f !important;
    background: transparent !important;
}

.shys-theme-crms.rx-shell .pub-nav-link-cta--member {
    background: transparent !important;
    border-color: transparent !important;
    color: #345066 !important;
}

/* —— Auth (login/register) —— */
.shys-theme-crms .acc-vh {
    min-height: 100vh;
    background: #fff;
}

.shys-theme-crms .auth-logo img {
    max-height: 42px;
    width: auto;
}

.shys-theme-crms .crms-auth-form .shys-page-head h1 {
    font-size: 1.35rem;
    font-weight: 700;
}

.shys-theme-crms .crms-auth-form .shys-card {
    border: 0;
    padding: 0;
    background: transparent;
}


.shys-theme-crms .pub-auth-card,
.shys-theme-crms .crms-auth-form {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.shys-theme-crms .input-group-flat .form-control {
    border-color: var(--crms-border);
    min-height: 42px;
}

.shys-theme-crms .input-group-flat .input-group-text {
    background: #fff;
    border-color: var(--crms-border);
    color: #9ca3af;
}

.shys-theme-crms .input-group-flat .form-control:focus {
    border-color: var(--crms-primary);
    box-shadow: none;
}

.shys-theme-crms .link-danger,
.shys-theme-crms .pub-auth-card-links a {
    color: var(--crms-primary);
    text-decoration: none;
    font-weight: 500;
}

.shys-theme-crms .link-danger:hover,
.shys-theme-crms .pub-auth-card-links a:hover {
    color: var(--crms-primary-hover);
}

.shys-theme-crms .account-bg-01 {
    background: linear-gradient(135deg, rgba(228, 31, 7, 0.92) 0%, rgba(255, 162, 1, 0.85) 100%),
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover, auto;
    border-radius: 10px;
    min-height: calc(100vh - 24px);
}

.shys-theme-crms .account-bg-02 {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(228, 31, 7, 0.75) 100%),
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover, auto;
    border-radius: 10px;
    min-height: calc(100vh - 24px);
}

@media (max-width: 991.98px) {
    .shys-theme-crms .account-bg-01,
    .shys-theme-crms .account-bg-02 {
        display: none;
    }
}

.shys-theme-crms .pub-auth-btn-staff {
    background: var(--crms-primary);
    border-color: var(--crms-primary);
    color: #fff;
    width: 100%;
    padding: 0.55rem 1rem;
    border-radius: 6px;
    font-weight: 500;
}

.shys-theme-crms .form-control:focus {
    border-color: var(--crms-primary);
    box-shadow: 0 0 0 0.15rem rgba(228, 31, 7, 0.12);
}

.shys-theme-crms ::selection {
    background: var(--crms-primary);
    color: #fff;
}