
:root{
 --wg-brown:#6b3f24;
 --wg-brown-dark:#3f2415;
 --wg-brown-2:#8b5a36;
 --wg-wood:#b9824d;
 --wg-cream:#f7efe6;
 --wg-cream-2:#fffaf5;
 --wg-line:#e4d4c4;
 --wg-ink:#2d211a;
 --wg-muted:#756557;
 --wg-success:#3e7049;
 --wg-shadow:0 10px 30px rgba(63,36,21,.08);
}
body[class*="page-wg"], body[class*="toplevel_page_wg"] #wpbody-content{background:#f3ede7}
.wrap{color:var(--wg-ink)}
.wrap h1{font-weight:800;letter-spacing:-.02em}
.wrap h2,.wrap h3{color:var(--wg-ink)}
.wg-ui-shell{max-width:1500px}
.wg-ui-titlebar{
 background:linear-gradient(135deg,var(--wg-brown-dark),var(--wg-brown) 55%,var(--wg-brown-2));
 color:#fff;border-radius:20px;padding:25px 28px;margin:0 0 20px;
 box-shadow:var(--wg-shadow);position:relative;overflow:hidden
}
.wg-ui-titlebar:after{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
 background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 14px)
}
.wg-ui-titlebar>*{position:relative;z-index:1}
.wg-ui-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:900;color:#e6c9aa}
.wg-ui-titlebar h1{color:#fff!important;margin:7px 0 0;font-size:28px}
.wg-ui-card{
 background:var(--wg-cream-2);border:1px solid var(--wg-line);border-radius:18px;
 padding:22px;box-shadow:var(--wg-shadow);margin:0 0 20px
}
.wg-ui-card h2{margin-top:0}
.wg-ui-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 20px}
.wg-ui-stat{
 background:linear-gradient(145deg,#fffaf5,#f3e7da);border:1px solid var(--wg-line);
 border-radius:17px;padding:20px;position:relative;overflow:hidden
}
.wg-ui-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--wg-brown-2)}
.wg-ui-stat b{display:block;font-size:27px;color:var(--wg-ink);line-height:1.15}
.wg-ui-stat span{display:block;margin-top:6px;color:var(--wg-muted);font-weight:650}
.wg-ui-table,.widefat{
 border:1px solid var(--wg-line)!important;border-radius:14px!important;overflow:hidden;
 box-shadow:0 6px 22px rgba(63,36,21,.06)!important;background:#fffdf9!important
}
.wg-ui-table thead th,.widefat thead th{
 background:var(--wg-brown)!important;color:#fff!important;border:0!important;
 padding:13px 14px!important;font-size:11px!important;text-transform:uppercase;
 letter-spacing:.6px;font-weight:800!important
}
.wg-ui-table td,.widefat td{padding:13px 14px!important;border-bottom:1px solid #eee3d9!important;color:#46372c}
.wg-ui-table tbody tr:nth-child(even),.widefat tbody tr:nth-child(even){background:#fcf7f2}
.wg-ui-table tbody tr:hover,.widefat tbody tr:hover{background:#f5e9dd}
.wrap input[type=text],.wrap input[type=email],.wrap input[type=number],.wrap input[type=tel],
.wrap input[type=password],.wrap select,.wrap textarea{
 border:1px solid #d9c7b5!important;border-radius:10px!important;background:#fffdfb!important;
 color:var(--wg-ink)!important;box-shadow:none!important;min-height:40px
}
.wrap input:focus,.wrap select:focus,.wrap textarea:focus{
 border-color:var(--wg-wood)!important;box-shadow:0 0 0 3px rgba(185,130,77,.14)!important
}
.wrap .button,.wrap .button-primary{
 border-radius:10px!important;font-weight:750!important;min-height:38px;
 padding:6px 14px!important
}
.wrap .button-primary{
 background:var(--wg-brown)!important;border-color:var(--wg-brown)!important;color:#fff!important;
 box-shadow:0 6px 15px rgba(63,36,21,.16)!important
}
.wrap .button-primary:hover{background:var(--wg-brown-dark)!important;border-color:var(--wg-brown-dark)!important}
.wg-ui-badge,.wgpm-badge,.wgcrm-badge,.wgcore-badge{
 display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;
 background:#f1e2d3;color:var(--wg-brown);font-size:11px;font-weight:800
}
.notice{border-radius:10px!important;border-left-color:var(--wg-brown)!important}
@media(max-width:1000px){.wg-ui-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wg-ui-stat-grid{grid-template-columns:1fr}.wg-ui-card{padding:16px}.wg-ui-titlebar{padding:20px}.wg-ui-titlebar h1{font-size:23px}.widefat{display:block;overflow-x:auto;white-space:nowrap}}

/* CRM admin */
body[class*="page-wgcrm"] #wpbody-content,
body[class*="toplevel_page_wgcrm"] #wpbody-content{background:#f3ede7}
body[class*="page-wgcrm"] .wrap,
body[class*="toplevel_page_wgcrm"] .wrap{max-width:1500px}
body[class*="page-wgcrm"] .wrap>h1,
body[class*="toplevel_page_wgcrm"] .wrap>h1{
 background:linear-gradient(135deg,var(--wg-brown-dark),var(--wg-brown) 55%,var(--wg-brown-2));
 color:#fff;padding:24px 28px;border-radius:20px;box-shadow:var(--wg-shadow);margin-bottom:20px
}
body[class*="page-wgcrm"] .wrap>h1:before,
body[class*="toplevel_page_wgcrm"] .wrap>h1:before{content:"WOODENGHAR CRM  •  ADMIN";display:block;color:#e6c9aa;font-size:10px;letter-spacing:1.7px;margin-bottom:7px}
body[class*="page-wgcrm"] .wrap .postbox,
body[class*="page-wgcrm"] .wrap .card,
body[class*="page-wgcrm"] .wrap .wgcrm-card{
 background:var(--wg-cream-2);border:1px solid var(--wg-line);border-radius:18px;box-shadow:var(--wg-shadow)
}
body[class*="page-wgcrm"] .wrap table.widefat thead th,
body[class*="toplevel_page_wgcrm"] .wrap table.widefat thead th{background:var(--wg-brown)!important;color:#fff!important}
body[class*="page-wgcrm"] .wrap .button-primary,
body[class*="toplevel_page_wgcrm"] .wrap .button-primary{background:var(--wg-brown)!important;border-color:var(--wg-brown)!important}
body[class*="page-wgcrm"] .wrap .button-primary:hover,
body[class*="toplevel_page_wgcrm"] .wrap .button-primary:hover{background:var(--wg-brown-dark)!important;border-color:var(--wg-brown-dark)!important}

/* CRM frontend / customer-facing */
.wgcrm-customer-login,.wgcrm-login{
 max-width:560px!important;margin:45px auto!important;padding:30px!important;
 background:var(--wg-cream-2)!important;border:1px solid var(--wg-line)!important;border-radius:20px!important;
 box-shadow:0 14px 36px rgba(63,36,21,.10)!important;color:var(--wg-ink)!important
}
.wgcrm-customer-login h2,.wgcrm-login h2{color:var(--wg-brown)!important;font-weight:850!important}
.wgcrm-customer-login input,.wgcrm-login input{border:1px solid #d9c7b5!important;border-radius:10px!important;padding:12px!important;background:#fffdfb!important}
.wgcrm-customer-login button,.wgcrm-login button{background:var(--wg-brown)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:12px 18px!important;font-weight:800!important}
#wgcrm-site-visit-box .wgcrm-visit-panel{background:linear-gradient(145deg,#fffaf5,#f3e7da)!important;border-color:var(--wg-line)!important;border-radius:18px!important}
#wgcrm-site-visit-box #wgcrm-book-visit{background:var(--wg-brown)!important;box-shadow:0 7px 18px rgba(63,36,21,.16)!important}
