/*
 * Agent Coffee Luxe Glass UI
 * Scope: agent application only. Admin UI is intentionally untouched.
 *
 * Reference palette translated from the supplied coffee-brown editorial artwork:
 * --agent-coffee-950  #24170f  espresso / strongest contrast
 * --agent-coffee-800  #5a3f2c  walnut primary
 * --agent-coffee-700  #8a5d39  roasted caramel active
 * --agent-coffee-600  #a87042  copper secondary
 * --agent-coffee-500  #c58c55  caramel highlight
 * --agent-coffee-200  #e8d5bf  latte border / focus ring
 * --agent-coffee-100  #f7efe6  cream surface
 * --agent-coffee-50   #fbf7f2  porcelain canvas
 * --agent-gold        #c69352  brass / money / warning accent
 * --agent-rose        #b85d56  destructive / risk accent
 */

.agent-coffee-theme,
.agent-coffee-login {
    --agent-coffee-950: #24170f;
    --agent-coffee-900: #2d1e15;
    --agent-coffee-800: #5a3f2c;
    --agent-coffee-700: #8a5d39;
    --agent-coffee-600: #a87042;
    --agent-coffee-500: #c58c55;
    --agent-coffee-400: #d7a873;
    --agent-coffee-300: #e6c49d;
    --agent-coffee-200: #e8d5bf;
    --agent-coffee-150: #f0e4d6;
    --agent-coffee-100: #f7efe6;
    --agent-coffee-50: #fbf7f2;
    --agent-ink: #3a2c23;
    --agent-muted: #796a5e;
    --agent-subtle: #a08f82;
    --agent-line: rgba(123, 84, 51, .18);
    --agent-line-strong: rgba(126, 83, 46, .30);
    --agent-glass: rgba(255, 251, 246, .84);
    --agent-glass-strong: rgba(255, 252, 248, .95);
    --agent-glass-soft: rgba(248, 239, 229, .84);
    --agent-shadow-sm: 0 5px 18px rgba(80, 53, 34, .08), 0 1px 0 rgba(255,255,255,.76) inset;
    --agent-shadow-md: 0 14px 38px rgba(79, 52, 33, .13), 0 1px 0 rgba(255,255,255,.80) inset;
    --agent-shadow-lg: 0 28px 74px rgba(48, 31, 21, .22), 0 1px 0 rgba(255,255,255,.72) inset;
    --agent-gold: #c69352;
    --agent-gold-soft: #fbf2e5;
    --agent-success: #667a61;
    --agent-success-soft: #edf3ea;
    --agent-info: #6f7d8a;
    --agent-info-soft: #eef1f4;
    --agent-danger: #b85d56;
    --agent-danger-soft: #f9ece9;
    --agent-rose: var(--agent-danger);
    --agent-rose-soft: var(--agent-danger-soft);
    --agent-silver: #9b948d;
    --agent-bronze: #a86f4d;
    --agent-smoke-blue: var(--agent-info);
    --agent-smoke-blue-soft: var(--agent-info-soft);
    --agent-radius-sm: 8px;
    --agent-radius: 12px;
    --agent-radius-lg: 18px;
    --agent-coffee-vivid: #c47d3b;
    --agent-coffee-glow: #e0af70;
    --agent-coffee-milk: #d7b48b;
    --agent-coffee-ice: #f6eee4;
    --agent-coffee-pearl: #fcfaf7;
    --agent-coffee-depth: #38271c;
    --agent-font: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
    --agent-display-font: "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
    font-family: var(--agent-font);
}

/* ---------- App shell ---------- */
body.agent-coffee-theme {
    color: var(--agent-ink);
    background: var(--agent-coffee-50);
    font-size: 14px;
    letter-spacing: .01em;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.agent-coffee-theme .wrapper,
body.agent-coffee-theme #wrapper {
    background: transparent;
}

body.agent-coffee-theme .content-wrapper,
body.agent-coffee-theme .right-side {
    position: relative;
    overflow-x: hidden;
    background-color: #f7f0e8;
    background-image:
        linear-gradient(rgba(83,56,38,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(83,56,38,.018) 1px, transparent 1px),
        radial-gradient(circle at 92% 3%, rgba(205,148,87,.18), transparent 28%),
        radial-gradient(circle at 12% 88%, rgba(188,151,112,.20), transparent 34%),
        linear-gradient(145deg, #fdfaf6 0%, #f2e7db 49%, #faf5ef 100%);
    background-size: 26px 26px, 26px 26px, auto, auto, auto;
}

body.agent-coffee-theme .content-wrapper:before {
    content: "";
    position: fixed;
    z-index: 0;
    right: -185px;
    top: 64px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle at 39% 42%, rgba(183,119,63,.17), rgba(224,175,112,.08) 38%, rgba(224,175,112,0) 72%);
    filter: blur(2px);
    pointer-events: none;
}

body.agent-coffee-theme .content-wrapper:after {
    content: "";
    position: fixed;
    z-index: 0;
    left: 210px;
    bottom: -190px;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(192,152,112,.20), rgba(192,152,112,0) 70%);
    pointer-events: none;
}

body.agent-coffee-theme .content-header,
body.agent-coffee-theme .content {
    position: relative;
    z-index: 1;
}

body.agent-coffee-theme .content-header {
    padding: 22px 24px 8px;
}

body.agent-coffee-theme .agent-page-kicker {
    margin: 0 0 4px;
    color: var(--agent-coffee-600);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.agent-coffee-theme .content-header > h1,
body.agent-coffee-theme .content-header .agent-page-heading > h1 {
    margin: 0;
    color: var(--agent-coffee-950);
    font-family: var(--agent-display-font);
    font-size: 22px;
    font-weight: 720;
    line-height: 1.35;
    letter-spacing: -.018em;
    text-shadow: 0 1px rgba(255,255,255,.72);
}

body.agent-coffee-theme .content {
    padding: 14px 24px 28px;
    font-size: 14px !important;
}

/* ---------- Header ---------- */
body.agent-coffee-theme .main-header {
    border-bottom: 1px solid rgba(224,186,139,.28);
    box-shadow: 0 1px 0 rgba(255,255,255,.16), 0 12px 34px rgba(40,25,16,.22);
}

body.agent-coffee-theme .main-header .logo {
    border: 0;
    border-right: 1px solid rgba(236,204,167,.14);
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), transparent 42%),
        linear-gradient(145deg, #2b1c13 0%, #493124 56%, #5d402d 100%) !important;
    color: #fff8ee !important;
    font-family: var(--agent-display-font);
    font-weight: 720;
    letter-spacing: .035em;
    text-shadow: 0 1px 2px rgba(20,12,8,.42);
}

body.agent-coffee-theme .main-header .logo:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), transparent 42%),
        linear-gradient(145deg, #342219, #6c4931 58%, #8a5d39) !important;
}

body.agent-coffee-theme .main-header .navbar {
    border: 0;
    background:
        radial-gradient(circle at 82% -88%, rgba(235,201,158,.28), transparent 49%),
        linear-gradient(180deg, rgba(255,255,255,.045), transparent 44%),
        linear-gradient(90deg, rgba(65,43,30,.99) 0%, rgba(79,53,37,.985) 52%, rgba(97,65,43,.98) 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.12), inset 0 -1px rgba(18,11,7,.18);
    -webkit-backdrop-filter: blur(18px) saturate(112%);
    backdrop-filter: blur(18px) saturate(112%);
}

body.agent-coffee-theme .main-header .navbar .sidebar-toggle,
body.agent-coffee-theme .main-header .navbar .nav > li > a {
    color: rgba(255,249,241,.93) !important;
}

body.agent-coffee-theme .main-header .navbar .sidebar-toggle:hover,
body.agent-coffee-theme .main-header .navbar .nav > li > a:hover,
body.agent-coffee-theme .main-header .navbar .nav > li > a:focus,
body.agent-coffee-theme .main-header .navbar .nav .open > a {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
}

body.agent-coffee-theme .main-header .user-image {
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 2px 8px rgba(25,16,11,.24);
}

body.agent-coffee-theme .navbar-nav > .user-menu > .dropdown-menu {
    overflow: hidden;
    border: 1px solid var(--agent-line);
    border-radius: 0 0 14px 14px;
    background: var(--agent-glass-strong);
    box-shadow: var(--agent-shadow-lg);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

body.agent-coffee-theme .navbar-nav > .user-menu > .dropdown-menu > .user-header {
    height: auto;
    min-height: 150px;
    padding: 22px 18px 18px;
    background: linear-gradient(145deg, #4a3426, #785a43) !important;
}

body.agent-coffee-theme .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border: 0;
    background: rgba(251,246,240,.95);
}

/* ---------- Sidebar ---------- */
body.agent-coffee-theme .main-sidebar,
body.agent-coffee-theme .left-side {
    background-color: #2b1d15 !important;
    background-image:
        linear-gradient(rgba(238,206,166,.024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(238,206,166,.018) 1px, transparent 1px),
        radial-gradient(circle at 12% 2%, rgba(197,137,78,.19), transparent 28%),
        radial-gradient(circle at 92% 74%, rgba(141,85,46,.15), transparent 34%),
        linear-gradient(180deg, #3a281d 0%, #442e21 46%, #261811 100%) !important;
    background-size: 18px 18px, 18px 18px, auto, auto, auto;
    box-shadow: inset -1px 0 rgba(240,211,176,.09), 11px 0 36px rgba(39,25,17,.14);
}

body.agent-coffee-theme .sidebar {
    padding-top: 8px;
}

body.agent-coffee-theme .user-panel {
    margin: 8px 12px 14px;
    padding: 13px 11px;
    border: 1px solid rgba(230,196,157,.18);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(255,255,255,.095), rgba(224,194,160,.065));
    box-shadow: inset 0 1px rgba(255,255,255,.09), 0 8px 22px rgba(39,25,17,.12);
}

body.agent-coffee-theme .user-panel > .image > img {
    width: 39px;
    height: 39px;
    border: 2px solid rgba(226,193,151,.72);
    box-shadow: 0 0 0 3px rgba(207,148,85,.13), 0 5px 15px rgba(28,18,12,.30);
}

body.agent-coffee-theme .user-panel > .info {
    padding-top: 4px;
}

body.agent-coffee-theme .user-panel > .info > p {
    margin-bottom: 3px;
    color: #f8efe5;
    font-weight: 600;
}

body.agent-coffee-theme .user-panel > .info,
body.agent-coffee-theme .user-panel > .info > a {
    color: rgba(226,211,196,.78);
    font-size: 12px;
}

body.agent-coffee-theme .user-panel .text-success {
    color: #c69a6b !important;
}

body.agent-coffee-theme .sidebar-menu > li.header {
    padding: 12px 20px 8px;
    background: transparent !important;
    color: rgba(204,184,166,.48) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
}

body.agent-coffee-theme .sidebar-menu > li > a,
body.agent-coffee-theme .sidebar-menu .treeview-menu > li > a {
    border: 0 !important;
    color: rgba(240,228,215,.78) !important;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

body.agent-coffee-theme .sidebar-menu > li > a {
    margin: 3px 10px;
    padding: 12px 13px;
    border-radius: 10px;
}

body.agent-coffee-theme .sidebar-menu > li > a > .fa,
body.agent-coffee-theme .sidebar-menu > li > a > .glyphicon,
body.agent-coffee-theme .sidebar-menu > li > a > .ion {
    width: 22px;
    color: rgba(190,158,128,.78);
    font-size: 15px;
}

body.agent-coffee-theme .sidebar-menu > li:hover > a,
body.agent-coffee-theme .sidebar-menu > li.active > a,
body.agent-coffee-theme .sidebar-menu > li.menu-open > a {
    border: 1px solid rgba(224,174,116,.16) !important;
    background:
        linear-gradient(90deg, rgba(183,117,59,.33), rgba(119,76,45,.13)),
        linear-gradient(180deg, rgba(255,255,255,.05), transparent) !important;
    color: #fff9f1 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.07), 0 7px 18px rgba(25,15,10,.12);
}

body.agent-coffee-theme .sidebar-menu > li.active > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    bottom: 9px;
    width: 4px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, #e5cbaa, #d79b57 56%, #b7773f);
    box-shadow: 0 0 18px rgba(217,151,82,.74);
}

body.agent-coffee-theme .sidebar-menu > li.active > a > .fa,
body.agent-coffee-theme .sidebar-menu > li.menu-open > a > .fa {
    color: #d8c6b4;
}

body.agent-coffee-theme .sidebar-menu > li > .treeview-menu {
    margin: 0 10px 5px;
    padding: 4px 0 6px;
    border-radius: 9px;
    background: rgba(0,0,0,.09) !important;
}

body.agent-coffee-theme .sidebar-menu .treeview-menu > li > a {
    margin: 2px 7px;
    padding: 9px 11px 9px 28px;
    border-radius: 8px;
    color: rgba(220,201,183,.70) !important;
    font-size: 13px;
}

body.agent-coffee-theme .sidebar-menu .treeview-menu > li > a > .fa {
    width: 15px;
    color: rgba(179,147,119,.58);
    font-size: 9px;
}

body.agent-coffee-theme .sidebar-menu .treeview-menu > li.active > a,
body.agent-coffee-theme .sidebar-menu .treeview-menu > li > a:hover {
    background: rgba(163,123,91,.18) !important;
    color: #fbf8f4 !important;
    transform: translateX(2px);
}

body.agent-coffee-theme .sidebar-menu .treeview-menu > li.active > a > .fa {
    color: #d5b58f;
}

/* ---------- Glass cards / toolbars ---------- */
body.agent-coffee-theme .box,
body.agent-coffee-theme .search,
body.agent-coffee-theme .well,
body.agent-coffee-theme .panel,
body.agent-coffee-theme .nav-tabs-custom {
    border: 1px solid rgba(137,92,56,.18) !important;
    border-radius: var(--agent-radius) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.48), transparent 28%),
        linear-gradient(145deg, rgba(255,252,248,.91), rgba(246,234,222,.82)) !important;
    box-shadow: 0 12px 34px rgba(70,46,30,.09), inset 0 1px rgba(255,255,255,.91) !important;
    -webkit-backdrop-filter: blur(18px) saturate(112%);
    backdrop-filter: blur(18px) saturate(112%);
}

body.agent-coffee-theme .box {
    border-top: 1px solid var(--agent-line) !important;
}

body.agent-coffee-theme .box.box-primary,
body.agent-coffee-theme .box.box-info,
body.agent-coffee-theme .box.box-success,
body.agent-coffee-theme .box.box-warning,
body.agent-coffee-theme .box.box-danger {
    border-top: 1px solid var(--agent-line) !important;
}

body.agent-coffee-theme .box-header {
    min-height: 52px;
    padding: 15px 17px;
    border-bottom: 1px solid rgba(130,87,55,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(242,228,213,.56));
}

body.agent-coffee-theme .box-header.with-border {
    border-bottom-color: rgba(116,88,66,.12) !important;
}

body.agent-coffee-theme .box-header .box-title {
    color: var(--agent-coffee-950);
    font-family: var(--agent-display-font);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.005em;
}

body.agent-coffee-theme .box-body {
    color: var(--agent-ink);
}

body.agent-coffee-theme .box-footer {
    border-top: 1px solid var(--agent-line);
    background: rgba(249,245,240,.80);
}

body.agent-coffee-theme .search {
    margin-bottom: 16px;
    padding: 14px 16px !important;
}

body.agent-coffee-theme .search form {
    margin-bottom: 0;
}

/* ---------- Forms ---------- */
body.agent-coffee-theme .form-control,
body.agent-coffee-theme select.form-control,
body.agent-coffee-theme textarea.form-control {
    height: 36px;
    border: 1px solid rgba(132,91,59,.23);
    border-radius: 8px;
    background: rgba(255,252,248,.91);
    color: var(--agent-ink);
    box-shadow: inset 0 1px 3px rgba(72,46,29,.035), 0 1px rgba(255,255,255,.70);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

body.agent-coffee-theme textarea.form-control {
    height: auto;
    min-height: 88px;
}

body.agent-coffee-theme .form-control:hover {
    border-color: rgba(121,87,61,.34);
}

body.agent-coffee-theme .form-control:focus {
    border-color: var(--agent-coffee-500);
    background: #fffdf9;
    box-shadow: 0 0 0 3px rgba(197,140,85,.15), 0 5px 14px rgba(89,58,37,.07);
}

body.agent-coffee-theme .form-control::placeholder {
    color: #a79b91;
}

body.agent-coffee-theme .control-label,
body.agent-coffee-theme label {
    color: #6c5c50;
    font-weight: 600;
}

body.agent-coffee-theme .input-group-addon {
    border-color: rgba(121,87,61,.20);
    background: var(--agent-coffee-50);
    color: var(--agent-coffee-700);
}

body.agent-coffee-theme input[type="checkbox"],
body.agent-coffee-theme input[type="radio"] {
    accent-color: var(--agent-coffee-700);
}

body.agent-coffee-theme .help-block,
body.agent-coffee-theme .text-muted {
    color: var(--agent-muted) !important;
}

/* ---------- Buttons ---------- */
body.agent-coffee-theme .btn {
    border-radius: 8px !important;
    font-weight: 600;
    letter-spacing: .01em;
    box-shadow: none;
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
}

body.agent-coffee-theme .btn:hover,
body.agent-coffee-theme .btn:focus {
    transform: translateY(-1px);
}

body.agent-coffee-theme .btn:active,
body.agent-coffee-theme .btn.active {
    transform: translateY(0);
}

body.agent-coffee-theme .btn-primary {
    border-color: #5b3c27 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.11), transparent 44%),
        linear-gradient(145deg, #5a3a25 0%, #795033 58%, #8c5d39 100%) !important;
    color: #fffaf3 !important;
    box-shadow: 0 7px 18px rgba(72,44,27,.22), inset 0 1px rgba(255,255,255,.17);
}

body.agent-coffee-theme .btn-primary:hover,
body.agent-coffee-theme .btn-primary:focus {
    border-color: #6d472b !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), transparent 44%),
        linear-gradient(145deg, #66422a 0%, #885937 58%, #9e693f 100%) !important;
    box-shadow: 0 10px 24px rgba(77,47,29,.27), 0 0 0 3px rgba(202,145,86,.11);
}

body.agent-coffee-theme .btn-success {
    border-color: #65785f !important;
    background: linear-gradient(145deg, #5e7258, #65785f) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(83,102,79,.18);
}

body.agent-coffee-theme .btn-info {
    border-color: #6b7b8b !important;
    background: linear-gradient(145deg, #607181, #6b7b8b) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(91,106,121,.17);
}

body.agent-coffee-theme .btn-warning {
    border-color: #b77d3c !important;
    background: linear-gradient(145deg, #b77d3c, #cb955d) !important;
    color: #fff !important;
}

body.agent-coffee-theme .btn-danger {
    border-color: #a9534d !important;
    background: linear-gradient(145deg, #a9534d, #c26a63) !important;
    color: #fff !important;
}

body.agent-coffee-theme .btn-default {
    border-color: rgba(121,87,61,.20) !important;
    background: rgba(255,255,255,.82) !important;
    color: #6d5b4e !important;
}

body.agent-coffee-theme .btn-default:hover,
body.agent-coffee-theme .btn-default:focus {
    border-color: rgba(121,87,61,.36) !important;
    background: #f8f3ed !important;
    color: var(--agent-coffee-800) !important;
}

body.agent-coffee-theme .btn[disabled],
body.agent-coffee-theme .btn.disabled {
    opacity: .52;
    transform: none;
    box-shadow: none;
}

body.agent-coffee-theme .btn-xs {
    min-height: 26px;
    padding: 4px 8px;
    border-radius: 7px !important;
    font-size: 11px;
}

body.agent-coffee-theme .btn-sm {
    border-radius: 8px !important;
}

/* ---------- Links / badges ---------- */
body.agent-coffee-theme a {
    color: var(--agent-coffee-700);
}

body.agent-coffee-theme a:hover,
body.agent-coffee-theme a:focus {
    color: var(--agent-coffee-900);
}

body.agent-coffee-theme .label,
body.agent-coffee-theme .badge {
    border-radius: 999px;
    font-weight: 600;
}

body.agent-coffee-theme .label-primary,
body.agent-coffee-theme .bg-blue {
    background-color: #7b5232 !important;
}

body.agent-coffee-theme .label-success,
body.agent-coffee-theme .bg-green {
    background-color: var(--agent-success) !important;
}

body.agent-coffee-theme .label-info,
body.agent-coffee-theme .bg-aqua {
    background-color: var(--agent-info) !important;
}

body.agent-coffee-theme .label-warning,
body.agent-coffee-theme .bg-yellow {
    background-color: var(--agent-gold) !important;
}

body.agent-coffee-theme .label-danger,
body.agent-coffee-theme .bg-red {
    background-color: var(--agent-rose) !important;
}

/* ---------- Tables ---------- */
body.agent-coffee-theme .table {
    margin-bottom: 0;
    color: #4a382c;
    font-variant-numeric: tabular-nums;
}

body.agent-coffee-theme .table > thead > tr > th,
body.agent-coffee-theme .table > tbody > tr > th,
body.agent-coffee-theme .table > tfoot > tr > th {
    border-color: rgba(126,86,56,.13) !important;
    background:
        linear-gradient(180deg, rgba(239,220,198,.92), rgba(248,239,229,.84)) !important;
    color: #624936 !important;
    font-size: 12px;
    font-weight: 720;
    letter-spacing: .018em;
    vertical-align: middle;
}

body.agent-coffee-theme .table > thead > tr > th {
    padding-top: 11px;
    padding-bottom: 11px;
}

body.agent-coffee-theme .table > tbody > tr > td,
body.agent-coffee-theme .table > tfoot > tr > td {
    border-color: rgba(115,87,65,.11) !important;
    vertical-align: middle;
}

body.agent-coffee-theme .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(250,247,243,.70);
}

body.agent-coffee-theme .table-hover > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(241,223,203,.76), rgba(253,248,242,.68)) !important;
}

body.agent-coffee-theme .table-bordered,
body.agent-coffee-theme .table-bordered > thead > tr > th,
body.agent-coffee-theme .table-bordered > tbody > tr > th,
body.agent-coffee-theme .table-bordered > tfoot > tr > th,
body.agent-coffee-theme .table-bordered > thead > tr > td,
body.agent-coffee-theme .table-bordered > tbody > tr > td,
body.agent-coffee-theme .table-bordered > tfoot > tr > td {
    border-color: rgba(115,87,65,.13) !important;
}

body.agent-coffee-theme .table-responsive {
    border: 0;
}

body.agent-coffee-theme .risk-user {
    background: rgba(184,95,102,.08) !important;
}

/* ---------- Pagination ---------- */
body.agent-coffee-theme .pagination > li > a,
body.agent-coffee-theme .pagination > li > span {
    margin: 0 2px;
    border: 1px solid rgba(121,87,61,.18);
    border-radius: 7px !important;
    background: rgba(255,255,255,.78);
    color: #7a6250;
}

body.agent-coffee-theme .pagination > li > a:hover,
body.agent-coffee-theme .pagination > li > span:hover {
    border-color: var(--agent-coffee-300);
    background: var(--agent-coffee-100);
    color: var(--agent-coffee-800);
}

body.agent-coffee-theme .pagination > .active > a,
body.agent-coffee-theme .pagination > .active > span,
body.agent-coffee-theme .pagination > .active > a:hover,
body.agent-coffee-theme .pagination > .active > span:hover {
    border-color: #7b5232;
    background: linear-gradient(145deg, #5a3f2c, #7b5232);
    color: #fff;
    box-shadow: 0 5px 12px rgba(122,79,46,.22);
}

/* ---------- Alerts / modals / layer ---------- */
body.agent-coffee-theme .alert {
    border: 1px solid transparent;
    border-radius: 10px;
}

body.agent-coffee-theme .alert-success {
    border-color: rgba(94,119,91,.20);
    background: #edf3eb;
    color: #536a52;
}

body.agent-coffee-theme .alert-info {
    border-color: rgba(101,117,133,.20);
    background: var(--agent-info-soft);
    color: #5c6d7b;
}

body.agent-coffee-theme .alert-warning {
    border-color: rgba(184,126,57,.22);
    background: #faf1e3;
    color: #8b6131;
}

body.agent-coffee-theme .alert-danger {
    border-color: rgba(184,95,102,.20);
    background: #f9ece9;
    color: #914f49;
}

body.agent-coffee-theme .modal-content,
body.agent-coffee-theme .layui-layer {
    overflow: hidden;
    border: 1px solid var(--agent-line) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: var(--agent-shadow-lg) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

body.agent-coffee-theme .modal-header,
body.agent-coffee-theme .layui-layer-title {
    border-bottom: 1px solid var(--agent-line) !important;
    background: linear-gradient(180deg, #f9f3ec, #f7eee4) !important;
    color: var(--agent-coffee-950) !important;
    font-weight: 650;
}

body.agent-coffee-theme .modal-footer {
    border-top-color: var(--agent-line);
    background: rgba(250,246,241,.78);
}

body.agent-coffee-theme .layui-layer-btn .layui-layer-btn0 {
    border-color: var(--agent-coffee-700) !important;
    border-radius: 7px;
    background: var(--agent-coffee-700) !important;
}

body.agent-coffee-theme .layui-layer-btn a {
    border-radius: 7px;
}

body.agent-coffee-theme .layui-laydate .layui-this {
    background-color: var(--agent-coffee-700) !important;
}

/* ---------- Agent dashboard ---------- */
body.agent-coffee-theme .agent-dashboard-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 20px 22px;
    border: 1px solid rgba(225,183,132,.34);
    border-radius: 16px;
    background:
        radial-gradient(circle at 84% 10%, rgba(239,205,163,.38), transparent 27%),
        radial-gradient(circle at 63% 115%, rgba(177,108,53,.35), transparent 36%),
        linear-gradient(135deg, #3c281c 0%, #68452d 46%, #a06a3d 100%);
    color: #fff;
    box-shadow: 0 18px 44px rgba(60,38,24,.24), inset 0 1px rgba(255,255,255,.18);
    text-shadow: 0 1px 2px rgba(30,18,11,.22);
}


body.agent-coffee-theme .agent-dashboard-hero:after,
body.agent-coffee-theme .agent-team__hero:after,
body.agent-coffee-theme .team-config-hero:after,
body.agent-coffee-theme .team-leader-hero:after,
body.agent-coffee-theme .team-reward-hero:after,
body.agent-coffee-theme .team-reward-detail-hero:after {
    content: "";
    position: absolute;
    top: -54%;
    right: -5%;
    width: 38%;
    height: 210%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    transform: rotate(18deg);
    pointer-events: none;
}

body.agent-coffee-theme .agent-dashboard-hero h2 {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 650;
}

body.agent-coffee-theme .agent-dashboard-hero p {
    margin: 0;
    color: rgba(247,236,223,.82);
    font-size: 12px;
}

body.agent-coffee-theme .agent-dashboard-date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,248,239,.92);
    font-size: 12px;
    white-space: nowrap;
}

body.agent-coffee-theme .agent-dashboard-table .agent-metric-name {
    color: #5a4434;
    font-weight: 650;
}

body.agent-coffee-theme .agent-metric-value {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 72px;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--agent-coffee-100);
    color: var(--agent-coffee-800);
    font-weight: 700;
}

body.agent-coffee-theme .agent-metric-value--today {
    background: #edf3ea;
    color: #5f7658;
}

body.agent-coffee-theme .agent-metric-value--yesterday {
    background: #f3f0ec;
    color: #7b6e63;
}

body.agent-coffee-theme .agent-metric-value--money {
    background: var(--agent-gold-soft);
    color: #94652d;
}

/* ---------- Custom agent pages: unified coffee tokens ---------- */
body.agent-coffee-theme .team-stat-card,
body.agent-coffee-theme .agent-team__metric,
body.agent-coffee-theme .agent-team__level,
body.agent-coffee-theme .rank-context-card,
body.agent-coffee-theme .team-config-metric {
    border-color: rgba(132,87,52,.15) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.91), rgba(248,238,227,.82)) !important;
    box-shadow: 0 10px 28px rgba(83,55,36,.08), inset 0 1px rgba(255,255,255,.84) !important;
}

body.agent-coffee-theme .team-stat-card__header,
body.agent-coffee-theme .team-stat-today,
body.agent-coffee-theme .team-stat-registered,
body.agent-coffee-theme .agent-team__toolbar,
body.agent-coffee-theme .agent-team__summary,
body.agent-coffee-theme .agent-team__levels,
body.agent-coffee-theme .agent-team__filter,
body.agent-coffee-theme .rank-toolbar,
body.agent-coffee-theme .rank-level-switch,
body.agent-coffee-theme .team-config-toolbar,
body.agent-coffee-theme .team-reward-toolbar,
body.agent-coffee-theme .team-reward-detail-toolbar,
body.agent-coffee-theme .team-leader-toolbar {
    border-color: var(--agent-line) !important;
    background: rgba(249,243,236,.82) !important;
}

body.agent-coffee-theme .team-stat-card__title,
body.agent-coffee-theme .team-stat-scope__primary,
body.agent-coffee-theme .team-stat-scope__primary a,
body.agent-coffee-theme .team-stat-today__scope,
body.agent-coffee-theme .team-stat-detail-link,
body.agent-coffee-theme .team-stat-detail-link .fa,
body.agent-coffee-theme .agent-team__value,
body.agent-coffee-theme .agent-team__level-title,
body.agent-coffee-theme .agent-member-phone,
body.agent-coffee-theme .rank-context-card strong,
body.agent-coffee-theme .rank-table-card .box-title,
body.agent-coffee-theme .rank-member-link,
body.agent-coffee-theme .team-leader-current,
body.agent-coffee-theme .team-reward-box .five-count,
body.agent-coffee-theme .team-config-required {
    color: var(--agent-coffee-800) !important;
}

body.agent-coffee-theme .team-stat-card__title .fa,
body.agent-coffee-theme .team-stat-scope__primary,
body.agent-coffee-theme .team-stat-scope__primary a {
    color: var(--agent-coffee-700) !important;
}

body.agent-coffee-theme .team-stat-scope__primary a {
    border-bottom-color: var(--agent-coffee-300) !important;
}

body.agent-coffee-theme .team-stat-card__hint,
body.agent-coffee-theme .team-stat-scope__name,
body.agent-coffee-theme .team-stat-scope__meta,
body.agent-coffee-theme .team-stat-today__title,
body.agent-coffee-theme .team-stat-registered,
body.agent-coffee-theme .agent-team__label,
body.agent-coffee-theme .agent-team__meta,
body.agent-coffee-theme .agent-team__level-detail,
body.agent-coffee-theme .agent-team__section-title small,
body.agent-coffee-theme .agent-team__filter-title span,
body.agent-coffee-theme .agent-member-label,
body.agent-coffee-theme .rank-toolbar p,
body.agent-coffee-theme .rank-context-card small,
body.agent-coffee-theme .rank-filter-label,
body.agent-coffee-theme .rank-table-subtitle,
body.agent-coffee-theme .team-leader-snapshot {
    color: var(--agent-muted) !important;
}

body.agent-coffee-theme .team-stat-today__title .fa {
    color: var(--agent-gold) !important;
}

body.agent-coffee-theme .team-stat-registered .fa,
body.agent-coffee-theme .status-ok,
body.agent-coffee-theme .agent-member-status--ok {
    color: var(--agent-success) !important;
}

body.agent-coffee-theme .agent-member-status--ok {
    background: var(--agent-success-soft) !important;
}

body.agent-coffee-theme .status-off,
body.agent-coffee-theme .agent-member-status--off {
    color: #a55750 !important;
}

body.agent-coffee-theme .agent-member-status--off {
    background: var(--agent-rose-soft) !important;
}

body.agent-coffee-theme .agent-member-agent {
    background: var(--agent-rose) !important;
}

body.agent-coffee-theme .agent-member-level,
body.agent-coffee-theme .agent-team-table .lv,
body.agent-coffee-theme .agent-team__filter-result,
body.agent-coffee-theme .rank-context-icon,
body.agent-coffee-theme .rank-total-badge,
body.agent-coffee-theme .rank-count,
body.agent-coffee-theme .team-config-level {
    border-color: var(--agent-coffee-200) !important;
    background: var(--agent-coffee-100) !important;
    color: var(--agent-coffee-700) !important;
}

body.agent-coffee-theme .rank-level-item {
    color: #786453 !important;
}

body.agent-coffee-theme .rank-level-item:hover,
body.agent-coffee-theme .rank-level-item:focus {
    background: rgba(255,255,255,.84) !important;
    color: var(--agent-coffee-800) !important;
}

body.agent-coffee-theme .rank-level-item.is-active {
    background: linear-gradient(145deg, var(--agent-coffee-800), var(--agent-coffee-600)) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(110,80,58,.18);
}

body.agent-coffee-theme .rank-count.is-primary {
    background: #eee2d4 !important;
    color: var(--agent-coffee-800) !important;
}

body.agent-coffee-theme .rank-position {
    background: #f2ede7 !important;
    color: #7b6e63 !important;
}

body.agent-coffee-theme .rank-position.is-top-1 {
    background: #c49145 !important;
    color: #fff !important;
}

body.agent-coffee-theme .rank-position.is-top-2 {
    background: var(--agent-silver) !important;
    color: #fff !important;
}

body.agent-coffee-theme .rank-position.is-top-3 {
    background: var(--agent-bronze) !important;
    color: #fff !important;
}

body.agent-coffee-theme .rank-empty > .fa {
    background: var(--agent-coffee-100) !important;
    color: var(--agent-coffee-600) !important;
}

body.agent-coffee-theme .agent-team__hero,
body.agent-coffee-theme .team-config-hero,
body.agent-coffee-theme .team-leader-hero,
body.agent-coffee-theme .team-reward-hero,
body.agent-coffee-theme .team-reward-detail-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(225,183,132,.34) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 84% 10%, rgba(239,205,163,.38), transparent 27%),
        radial-gradient(circle at 63% 115%, rgba(177,108,53,.35), transparent 36%),
        linear-gradient(135deg, #3c281c 0%, #68452d 46%, #a06a3d 100%) !important;
    box-shadow: 0 18px 44px rgba(60,38,24,.24), inset 0 1px rgba(255,255,255,.18) !important;
    text-shadow: 0 1px 2px rgba(30,18,11,.22);
}

body.agent-coffee-theme .team-config-page {
    --tc-ink: var(--agent-coffee-950) !important;
    --tc-muted: var(--agent-muted) !important;
    --tc-line: var(--agent-line) !important;
    --tc-soft: rgba(238,226,214,.72) !important;
}

body.agent-coffee-theme .team-config-box,
body.agent-coffee-theme .team-reward-box,
body.agent-coffee-theme .team-reward-detail-box,
body.agent-coffee-theme .team-leader-table-box,
body.agent-coffee-theme .rank-table-card {
    border: 1px solid var(--agent-line) !important;
    border-radius: 12px !important;
    background: var(--agent-glass) !important;
    box-shadow: var(--agent-shadow-sm) !important;
}

body.agent-coffee-theme .team-config-table > thead > tr > th,
body.agent-coffee-theme .team-reward-box .table > tbody > tr > th,
body.agent-coffee-theme .team-reward-detail-box .table > tbody > tr > th,
body.agent-coffee-theme .team-leader-table-box .table > tbody > tr > th,
body.agent-coffee-theme .agent-team-table th {
    background: rgba(238,226,214,.76) !important;
    color: #765e4a !important;
}

/* Batch-action strip: keep destructive meaning, soften saturation. */
body.agent-coffee-theme .agent-batch-actions {
    border-left: 4px solid var(--agent-danger) !important;
    background: linear-gradient(145deg, rgba(255,249,247,.92), var(--agent-danger-soft)) !important;
}

body.agent-coffee-theme #selected-count {
    color: var(--agent-muted) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    body.agent-coffee-theme .content-header {
        padding: 18px 16px 7px;
    }
    body.agent-coffee-theme .content {
        padding: 12px 16px 22px;
    }
    body.agent-coffee-theme .agent-dashboard-hero {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    body.agent-coffee-theme .main-header .logo,
    body.agent-coffee-theme .main-header .navbar {
        background: linear-gradient(145deg, #523824, #7b5232) !important;
    }
    body.agent-coffee-theme .content-header > h1,
    body.agent-coffee-theme .content-header .agent-page-heading > h1 {
        font-size: 19px;
    }
    body.agent-coffee-theme .box,
    body.agent-coffee-theme .search {
        border-radius: 10px !important;
    }
    body.agent-coffee-theme .form-inline .form-control {
        margin-bottom: 7px;
    }
}

/* ---------- Agent login ---------- */
body.agent-coffee-login {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background-color: #2a1a12;
    background-image:
        linear-gradient(rgba(238,204,164,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(238,204,164,.022) 1px, transparent 1px),
        radial-gradient(circle at 16% 14%, rgba(213,165,111,.31), transparent 31%),
        radial-gradient(circle at 80% 73%, rgba(175,103,49,.30), transparent 35%),
        radial-gradient(circle at 50% 50%, rgba(119,73,42,.20), transparent 46%),
        linear-gradient(145deg, #21140e 0%, #4a3021 47%, #755036 100%) !important;
    background-size: 24px 24px, 24px 24px, auto, auto, auto, auto;
    color: var(--agent-ink);
    font-family: var(--agent-font);
    -webkit-font-smoothing: antialiased;
}

body.agent-coffee-login:before,
body.agent-coffee-login:after {
    content: "";
    position: fixed;
    border: 1px solid rgba(231,207,183,.16);
    border-radius: 50%;
    pointer-events: none;
}

body.agent-coffee-login:before {
    width: 480px;
    height: 480px;
    left: -170px;
    bottom: -210px;
}

body.agent-coffee-login:after {
    width: 360px;
    height: 360px;
    right: -130px;
    top: -150px;
}

body.agent-coffee-login .layadmin-user-login-main {
    width: 390px;
    margin-top: 8vh;
    padding: 28px 28px 22px;
    border: 1px solid rgba(231,198,158,.46);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.48), transparent 25%),
        linear-gradient(145deg, rgba(255,251,246,.94), rgba(241,224,207,.88));
    box-shadow: 0 34px 92px rgba(28,17,11,.36), inset 0 1px rgba(255,255,255,.91);
    -webkit-backdrop-filter: blur(26px) saturate(112%);
    backdrop-filter: blur(26px) saturate(112%);
}

body.agent-coffee-login .layadmin-user-login-header {
    padding: 6px 0 22px;
}

body.agent-coffee-login .layadmin-user-login-header:before {
    content: "COFFEE LUXE AGENT";
    display: block;
    margin-bottom: 9px;
    color: var(--agent-coffee-600);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
}

body.agent-coffee-login .layadmin-user-login-header h2 {
    color: var(--agent-coffee-950);
    font-size: 24px;
    font-weight: 650;
    letter-spacing: -.01em;
}

body.agent-coffee-login .layadmin-user-login-body {
    padding: 0;
}

body.agent-coffee-login .layui-form-item {
    margin-bottom: 15px;
}

body.agent-coffee-login .layui-input {
    height: 46px;
    border: 1px solid rgba(121,87,61,.22);
    border-radius: 10px;
    background: rgba(255,255,255,.82);
    color: var(--agent-ink);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

body.agent-coffee-login .layui-input:focus {
    border-color: var(--agent-coffee-500) !important;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(190,137,82,.14);
}

body.agent-coffee-login .layadmin-user-login-icon {
    color: var(--agent-coffee-600);
}

body.agent-coffee-login .layui-btn.login {
    height: 46px;
    border-radius: 10px;
    border: 1px solid rgba(84,52,32,.92);
    background:
        linear-gradient(180deg, rgba(255,255,255,.11), transparent 44%),
        linear-gradient(145deg, #4d3221, #765033 58%, #8b5c39) !important;
    color: #fffaf3;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .12em;
    box-shadow: 0 13px 30px rgba(42,25,15,.30), inset 0 1px rgba(255,255,255,.17);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

body.agent-coffee-login .layui-btn.login:hover {
    transform: translateY(-1px);
    box-shadow: 0 13px 28px rgba(73,51,35,.28);
    filter: brightness(1.04);
}

body.agent-coffee-login .layadmin-user-login-footer {
    margin-top: 24px;
    color: #9a8b7f;
    font-size: 11px;
}

@media (max-width: 480px) {
    body.agent-coffee-login .layadmin-user-login-main {
        width: calc(100% - 32px);
        margin-top: 5vh;
        padding: 24px 20px 18px;
        border-radius: 18px;
    }
}

/* ---------- Finishing details ---------- */
body.agent-coffee-theme ::selection,
body.agent-coffee-login ::selection {
    background: rgba(213,155,92,.30);
    color: #5b3b26;
}

body.agent-coffee-theme .main-header .logo {
    font-size: 15px;
}

body.agent-coffee-theme .sidebar-menu > li > a {
    position: relative;
}

body.agent-coffee-theme .dropdown-menu {
    border: 1px solid var(--agent-line);
    border-radius: 10px;
    background: rgba(255,255,255,.96);
    box-shadow: var(--agent-shadow-md);
}

body.agent-coffee-theme .dropdown-menu > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #765f4e;
}

body.agent-coffee-theme .dropdown-menu > li > a:hover,
body.agent-coffee-theme .dropdown-menu > li > a:focus {
    background: var(--agent-coffee-100);
    color: var(--agent-coffee-900);
}

body.agent-coffee-theme .nav-tabs-custom > .nav-tabs {
    border-bottom-color: var(--agent-line);
}

body.agent-coffee-theme .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: var(--agent-coffee-600);
}

body.agent-coffee-theme .nav-tabs-custom > .nav-tabs > li > a {
    color: var(--agent-muted);
}

body.agent-coffee-theme .nav-tabs-custom > .nav-tabs > li.active > a,
body.agent-coffee-theme .nav-tabs-custom > .nav-tabs > li > a:hover {
    color: var(--agent-coffee-800);
}

body.agent-coffee-theme .tooltip-inner {
    border-radius: 7px;
    background: #2b1b13;
    font-size: 11px;
}

body.agent-coffee-theme hr {
    border-top-color: var(--agent-line);
}

body.agent-coffee-theme code {
    border-radius: 5px;
    background: #f7eee4;
    color: #7c5738;
}

body.agent-coffee-theme .agent-key-number {
    color: var(--agent-coffee-700);
    font-size: 16px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

body.agent-coffee-theme .agent-batch-actions__label {
    color: var(--agent-rose) !important;
}

body.agent-coffee-theme .agent-danger-text,
body.agent-coffee-theme .agent-image-error {
    color: var(--agent-rose) !important;
}

body.agent-coffee-theme .agent-batch-actions__count {
    margin-left: 15px;
    color: var(--agent-muted) !important;
}

body.agent-coffee-theme .team-stat-scope__meta span + span,
body.agent-coffee-theme .team-stat-registered,
body.agent-coffee-theme .team-stat-today,
body.agent-coffee-theme .team-stat-card__header {
    border-color: var(--agent-line) !important;
}

body.agent-coffee-theme .content-wrapper,
body.agent-coffee-theme .main-footer {
    border-left: 0;
}

body.agent-coffee-theme::-webkit-scrollbar,
body.agent-coffee-theme *::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

body.agent-coffee-theme::-webkit-scrollbar-track,
body.agent-coffee-theme *::-webkit-scrollbar-track {
    background: rgba(235,224,212,.58);
}

body.agent-coffee-theme::-webkit-scrollbar-thumb,
body.agent-coffee-theme *::-webkit-scrollbar-thumb {
    border: 2px solid rgba(248,242,236,.84);
    border-radius: 999px;
    background: rgba(164,107,61,.50);
}

body.agent-coffee-theme::-webkit-scrollbar-thumb:hover,
body.agent-coffee-theme *::-webkit-scrollbar-thumb:hover {
    background: rgba(132,82,45,.68);
}

/* Fine-grained text harmonization for custom team/member components. */
body.agent-coffee-theme .agent-member-value,
body.agent-coffee-theme .agent-team__section-title h4,
body.agent-coffee-theme .agent-team__filter-title strong,
body.agent-coffee-theme .team-stat-scope__meta b,
body.agent-coffee-theme .team-stat-today__item b,
body.agent-coffee-theme .team-stat-registered b,
body.agent-coffee-theme .team-config-metric__value,
body.agent-coffee-theme .team-config-name,
body.agent-coffee-theme .team-config-money {
    color: var(--agent-ink) !important;
}

body.agent-coffee-theme .team-config-metric__meta,
body.agent-coffee-theme .team-stat-today__item {
    color: var(--agent-muted) !important;
}

body.agent-coffee-theme .team-stat-today__item {
    border-color: var(--agent-line) !important;
    background: rgba(255,255,255,.78) !important;
}


/* ---------- Team reward pages: centralized coffee presentation ---------- */
body.agent-coffee-theme .team-reward-hero,
body.agent-coffee-theme .team-reward-detail-hero {
    margin: 0 0 16px;
    padding: 18px 20px;
    color: #fff;
}
body.agent-coffee-theme .team-reward-hero h3,
body.agent-coffee-theme .team-reward-detail-hero h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 650;
}
body.agent-coffee-theme .team-reward-hero p,
body.agent-coffee-theme .team-reward-detail-hero p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: rgba(255,246,236,.90) !important;
    font-size: 13px;
    line-height: 1.65;
}
body.agent-coffee-theme .team-reward-toolbar,
body.agent-coffee-theme .team-reward-detail-toolbar {
    margin-bottom: 14px;
    padding: 13px 15px !important;
    border-radius: 12px !important;
}
body.agent-coffee-theme .team-reward-box,
body.agent-coffee-theme .team-reward-detail-box {
    overflow: hidden;
}
body.agent-coffee-theme .team-reward-box .box-header,
body.agent-coffee-theme .team-reward-detail-box .box-header {
    padding: 14px 16px;
}
body.agent-coffee-theme .team-reward-box .table > tbody > tr > td,
body.agent-coffee-theme .team-reward-box .table > tbody > tr > th,
body.agent-coffee-theme .team-reward-detail-box .table > tbody > tr > td,
body.agent-coffee-theme .team-reward-detail-box .table > tbody > tr > th {
    vertical-align: middle;
}
body.agent-coffee-theme .team-reward-box .five-count {
    color: #5a3f2c !important;
    font-weight: 750;
}

@media (max-width: 767px) {
    body.agent-coffee-theme .team-reward-hero,
    body.agent-coffee-theme .team-reward-detail-hero {
        padding: 15px;
        border-radius: 13px !important;
    }
    body.agent-coffee-theme .team-reward-toolbar .form-control,
    body.agent-coffee-theme .team-reward-detail-toolbar .form-control {
        width: 100%;
        margin: 4px 0;
    }
    body.agent-coffee-theme .team-reward-toolbar .btn,
    body.agent-coffee-theme .team-reward-detail-toolbar .btn {
        margin: 4px 4px 4px 0;
    }
}

/* ---------- Assist module ---------- */
body.agent-coffee-theme .agent-assist-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 19px 21px;
    border: 1px solid rgba(225,183,132,.34);
    border-radius: 16px;
    background:
        radial-gradient(circle at 86% 8%, rgba(242,210,170,.38), transparent 28%),
        radial-gradient(circle at 66% 116%, rgba(177,108,53,.35), transparent 38%),
        linear-gradient(135deg, #3b281c 0%, #67452e 48%, #9b673e 100%);
    color: #fff;
    box-shadow: 0 18px 44px rgba(60,38,24,.22), inset 0 1px rgba(255,255,255,.18);
}

body.agent-coffee-theme .agent-assist-hero:after {
    content: "";
    position: absolute;
    top: -65%;
    right: 7%;
    width: 32%;
    height: 230%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.17), transparent);
    transform: rotate(18deg);
    pointer-events: none;
}

body.agent-coffee-theme .agent-assist-hero__content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

body.agent-coffee-theme .agent-assist-hero__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 13px;
    background: rgba(255,255,255,.10);
    color: #fff8ef;
    font-size: 19px;
    box-shadow: inset 0 1px rgba(255,255,255,.16);
    backdrop-filter: blur(8px);
}

body.agent-coffee-theme .agent-assist-hero h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .02em;
}

body.agent-coffee-theme .agent-assist-hero p {
    margin: 0;
    color: rgba(255,246,236,.84);
    font-size: 12px;
    line-height: 1.65;
}

body.agent-coffee-theme .agent-assist-scope {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: #fff8ef;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
    backdrop-filter: blur(8px);
}

body.agent-coffee-theme .agent-assist-toolbar {
    margin-bottom: 15px;
    padding: 13px 15px;
    border: 1px solid var(--agent-line);
    border-radius: 13px;
    background: rgba(249,243,236,.86);
    box-shadow: var(--agent-shadow-sm);
}

body.agent-coffee-theme .agent-assist-filter-label {
    margin: 0 5px 0 2px;
    color: var(--agent-muted);
    font-size: 12px;
    font-weight: 600;
}

body.agent-coffee-theme .agent-assist-box {
    overflow: hidden;
    border: 1px solid var(--agent-line) !important;
    border-radius: 13px !important;
    background: var(--agent-glass) !important;
    box-shadow: var(--agent-shadow-sm) !important;
}

body.agent-coffee-theme .agent-assist-box .box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 13px 16px;
    border-bottom-color: var(--agent-line) !important;
    background: linear-gradient(180deg, rgba(255,253,250,.90), rgba(247,238,228,.80));
}

body.agent-coffee-theme .agent-assist-box .box-title {
    color: var(--agent-coffee-950);
    font-size: 15px;
    font-weight: 700;
}

body.agent-coffee-theme .agent-assist-result {
    color: var(--agent-muted);
    font-size: 12px;
    white-space: nowrap;
}

body.agent-coffee-theme .agent-assist-table > thead > tr > th {
    background: rgba(238,226,214,.78) !important;
    color: #765e4a !important;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

body.agent-coffee-theme .agent-assist-table > tbody > tr > td {
    vertical-align: middle;
}

body.agent-coffee-theme .agent-assist-member {
    min-width: 132px;
}

body.agent-coffee-theme .agent-assist-member strong {
    display: block;
    color: var(--agent-coffee-800);
    font-size: 13px;
    font-weight: 750;
}

body.agent-coffee-theme .agent-assist-member span {
    display: block;
    margin-top: 3px;
    color: var(--agent-muted);
    font-size: 11px;
}

body.agent-coffee-theme .agent-assist-cycle,
body.agent-coffee-theme .agent-assist-count {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid var(--agent-line);
    border-radius: 8px;
    background: var(--agent-coffee-100);
    color: var(--agent-coffee-700);
    font-size: 12px;
    font-weight: 650;
}

body.agent-coffee-theme .agent-assist-number {
    color: var(--agent-coffee-700);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

body.agent-coffee-theme .agent-assist-money {
    color: #94652d;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

body.agent-coffee-theme .agent-assist-time {
    color: var(--agent-muted);
    font-size: 12px;
    white-space: nowrap;
}

body.agent-coffee-theme .agent-assist-pagination {
    padding: 12px 15px;
    text-align: center;
}

body.agent-coffee-theme .agent-assist-empty {
    padding: 34px 15px !important;
    color: var(--agent-muted);
    text-align: center;
}

body.agent-coffee-theme .agent-assist-empty > i,
body.agent-coffee-theme .agent-assist-empty > strong,
body.agent-coffee-theme .agent-assist-empty > span {
    display: block;
}

body.agent-coffee-theme .agent-assist-empty > i {
    margin-bottom: 8px;
    color: var(--agent-coffee-400);
    font-size: 28px;
}

body.agent-coffee-theme .agent-assist-empty > strong {
    color: var(--agent-ink);
    font-size: 13px;
}

body.agent-coffee-theme .agent-assist-empty > span {
    margin-top: 4px;
    font-size: 11px;
}

body.agent-coffee-theme .agent-assist-empty--compact {
    padding: 24px 15px !important;
}

body.agent-coffee-theme .agent-assist-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 15px;
}

body.agent-coffee-theme .agent-assist-summary__item {
    padding: 13px 14px;
    border: 1px solid var(--agent-line);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(248,238,227,.82));
    box-shadow: var(--agent-shadow-sm);
}

body.agent-coffee-theme .agent-assist-summary__item span,
body.agent-coffee-theme .agent-assist-summary__item strong {
    display: block;
}

body.agent-coffee-theme .agent-assist-summary__item span {
    margin-bottom: 5px;
    color: var(--agent-muted);
    font-size: 11px;
}

body.agent-coffee-theme .agent-assist-summary__item strong {
    color: var(--agent-coffee-800);
    font-size: 15px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

body.agent-coffee-theme .agent-assist-actions {
    margin-top: 4px;
    padding-bottom: 8px;
}

@media (max-width: 991px) {
    body.agent-coffee-theme .agent-assist-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.agent-coffee-theme .agent-assist-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px;
    }

    body.agent-coffee-theme .agent-assist-scope {
        align-self: flex-start;
    }

    body.agent-coffee-theme .agent-assist-toolbar .form-group,
    body.agent-coffee-theme .agent-assist-toolbar .form-control {
        width: 100%;
    }

    body.agent-coffee-theme .agent-assist-filter-label {
        display: block;
        margin: 7px 0 3px;
    }

    body.agent-coffee-theme .agent-assist-toolbar .m_10 {
        margin: 4px 0;
    }

    body.agent-coffee-theme .agent-assist-toolbar .btn {
        width: auto;
        margin-right: 5px;
    }

    body.agent-coffee-theme .agent-assist-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    body.agent-coffee-theme .agent-assist-summary {
        grid-template-columns: 1fr;
    }
}