:root {
    --prem-blue-dark: #255DA1;
    --prem-blue-mid:  #2F7EB5;
    --prem-blue-light:#39A3CB;
    --prem-bg:        #F7FAFF;
    --prem-card:      rgba(255,255,255,0.96);
    --prem-border:    #D7E6F4;
    --prem-text:      #183B69;
    --prem-muted:     #6E83A3;
    --prem-green:     #147A47;
    --prem-red:       #B42318;
    --prem-amber:     #9B5D00;
}

/* Main background */
body,
.layout-main-section,
.page-container,
.page-body,
.workspace-body {
    background:
        radial-gradient(circle at top left, rgba(37,93,161,0.08), transparent 20%),
        radial-gradient(circle at top right, rgba(57,163,203,0.08), transparent 18%),
        linear-gradient(180deg, #ffffff 0%, var(--prem-bg) 100%) !important;
}

/* Top navbar */
.navbar,
.navbar-default {
    background: rgba(255,255,255,0.96) !important;
    border-bottom: 1px solid var(--prem-border) !important;
    box-shadow: 0 4px 18px rgba(37,93,161,0.06) !important;
}

/* Sidebar */
.desk-sidebar,
.standard-sidebar,
.layout-side-section {
    background: linear-gradient(180deg, var(--prem-blue-dark) 0%, #2B6FAE 45%, var(--prem-blue-mid) 100%) !important;
    border-right: none !important;
}

.desk-sidebar *,
.standard-sidebar *,
.layout-side-section * {
    color: white !important;
}

/* Sidebar selected item */
.standard-sidebar-item.selected,
.desk-sidebar-item.selected,
.sidebar-item.selected {
    background: rgba(255,255,255,0.18) !important;
    border-radius: 12px !important;
}

/* Page title */
.page-title .title-text,
h1, h2, h3, h4, h5, h6 {
    color: var(--prem-text) !important;
    letter-spacing: -0.02em;
}

/* Cards and widgets */
.widget,
.dashboard-card,
.frappe-card,
.form-dashboard-section,
.number-widget-box,
.shortcut-widget-box,
.links-widget-box,
.dashboard-widget-box {
    background: var(--prem-card) !important;
    border: 1px solid var(--prem-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(37,93,161,0.07) !important;
}

/* Forms */
.form-section,
.section-body,
.form-dashboard,
.form-layout {
    border-radius: 16px !important;
}

/* Inputs */
.form-control,
.awesomplete input,
.input-with-feedback,
textarea {
    border-radius: 10px !important;
    border: 1px solid var(--prem-border) !important;
}

/* Primary buttons */
.btn-primary,
.primary-action,
.btn.btn-primary {
    background: linear-gradient(135deg, var(--prem-blue-dark) 0%, var(--prem-blue-mid) 100%) !important;
    border: 1px solid var(--prem-blue-dark) !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    color: white !important;
}

/* Secondary buttons */
.btn-default,
.btn-secondary {
    border-radius: 12px !important;
    border: 1px solid var(--prem-border) !important;
    color: var(--prem-blue-dark) !important;
}

/* List rows */
.list-row,
.list-row-container {
    border-bottom: 1px solid var(--prem-border) !important;
}

.list-row:hover {
    background: #EEF6FB !important;
}

/* Desk search */
.search-bar input {
    border-radius: 999px !important;
    border: 1px solid var(--prem-border) !important;
}

/* Tables */
.datatable,
.dt-scrollable {
    border-radius: 14px !important;
    border: 1px solid var(--prem-border) !important;
    overflow: hidden !important;
}

/* Status pills */
.indicator-pill,
.indicator-pill-round {
    border-radius: 999px !important;
    font-weight: 800 !important;
}

/* Login page */
.for-login,
.page-card {
    border-radius: 22px !important;
    box-shadow: 0 18px 40px rgba(37,93,161,0.18) !important;
}

.for-login .page-card-head h4 {
    color: var(--prem-blue-dark) !important;
    font-weight: 900 !important;
}

/* Login background */
body[data-path="login"] {
    background:
        radial-gradient(circle at top left, rgba(37,93,161,0.14), transparent 22%),
        radial-gradient(circle at top right, rgba(57,163,203,0.14), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #F7FAFF 100%) !important;
}