/* Pansoft Technologies – osTicket client theme. Loaded by one <link> in include/client/header.inc.php. */
:root{--ps-navy:#0b2f4a;--ps-blue:#025a85;--ps-mid:#166696;--ps-hover:#198ac3;--ps-lime:#c4f500;--ps-ink:#1d2939;--ps-bg:#f4f7fa}
html,body{background:var(--ps-bg)!important}
body{font-family:"Inter","Segoe UI",Arial,sans-serif;color:var(--ps-ink);font-size:15px}
h1,h2,h3,h4,#nav,.button,input[type=submit]{font-family:"Poppins","Segoe UI",Arial,sans-serif}
.ps-wrap{max-width:1140px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.ps-topbar{background:var(--ps-mid);color:#fff;font-size:13px;line-height:38px;position:relative;overflow:hidden}
.ps-topbar:after{content:"";position:absolute;right:-40px;top:0;width:200px;height:100%;background:var(--ps-lime);transform:skewX(-30deg);opacity:.95}
.ps-topbar span{margin-right:22px;position:relative;z-index:1}
.ps-topbar a{color:#fff!important;text-decoration:none}
.ps-topbar .ps-right{float:right;margin-right:150px}
#container{width:auto!important;max-width:1140px;margin:0 auto!important;background:transparent!important;box-shadow:none!important;padding:0 20px;box-sizing:border-box}
#header{background:#fff;height:auto!important;padding:18px 24px!important;margin:0 -20px;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between}
#header #logo{height:auto!important;padding:0!important;margin:0}
#header #logo img{max-height:52px!important;width:auto;max-width:240px}
#header .pull-right{float:none!important;font-size:13px}
#header p,#header .pull-right a{color:var(--ps-blue)}
#header .clear{display:none}
#nav{background:var(--ps-navy)!important;border:0!important;box-shadow:none!important;margin:0 -20px!important;padding:0 14px!important;height:auto!important;border-radius:0}
#nav li a{color:#fff!important;font-weight:500;font-size:14px;line-height:50px!important;height:auto!important;padding:0 16px 0 38px!important;background-position:12px center!important;border:0!important;filter:brightness(0) invert(1)}
#nav li a.active,#nav li a:hover{background-color:var(--ps-blue)!important;filter:none;color:#fff!important}
#content{background:#fff;margin:24px 0 0;padding:28px!important;border-radius:10px;box-shadow:0 6px 24px rgba(11,47,74,.07);min-height:300px}
h1,h2,h3{color:var(--ps-navy)}
a{color:var(--ps-blue)}a:hover{color:var(--ps-hover)}
.button,.green.button,.blue.button,input[type=submit],button[type=submit]{background:var(--ps-blue)!important;border:1px solid var(--ps-blue)!important;color:#fff!important;border-radius:6px!important;text-shadow:none!important;box-shadow:none!important;font-weight:500}
.button:hover,input[type=submit]:hover,button[type=submit]:hover{background:var(--ps-navy)!important;border-color:var(--ps-navy)!important}
input[type=reset],input[type=button]{border-radius:6px}
input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea{border:1px solid #cfd8e3;border-radius:6px;padding:6px 8px}
/* Landing page: osTicket sidebar replaced by the cards in the landing content */
#landing_page .sidebar{display:none}
#landing_page .main-content{width:100%!important;float:none!important;margin:0!important}
#landing_page .thread-body{padding:0}
#landing_page ~ div:empty{display:none}
.ps-hero{background:linear-gradient(120deg,var(--ps-navy) 0%,var(--ps-blue) 60%,var(--ps-mid) 100%);color:#fff;border-radius:10px;padding:48px 40px;margin:-28px -28px 28px;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;overflow:hidden}
.ps-hero:after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;border:28px solid rgba(196,245,0,.25)}
.ps-hero h1{color:#fff!important;font-size:38px;margin:6px 0 10px;font-weight:600;line-height:1.2}
.ps-hero p{color:#e3eef6;font-size:17px;max-width:640px;margin:0}
.ps-eyebrow{display:inline-block;background:var(--ps-lime);color:var(--ps-navy);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.ps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 28px}
.ps-card{display:block;border:1px solid #e4e9ef;border-radius:10px;padding:24px;text-decoration:none!important;color:var(--ps-ink)!important;transition:.2s;background:#fff}
.ps-card:hover{border-color:var(--ps-blue);box-shadow:0 10px 24px rgba(2,90,133,.12);transform:translateY(-2px)}
.ps-card h3{margin:10px 0 6px;font-size:19px;color:var(--ps-navy)}
.ps-card p{margin:0 0 12px;color:#475467;font-size:14px}
.ps-card .ps-go{color:var(--ps-blue);font-weight:600;font-size:14px}
.ps-ico{display:inline-flex;width:46px;height:46px;border-radius:10px;background:#e6f0f6;color:var(--ps-blue);align-items:center;justify-content:center;font-size:22px}
.ps-sla h2{font-size:22px;margin:0 0 12px}
.ps-sla table{width:100%;border-collapse:collapse;font-size:15px}
.ps-sla td{padding:12px 14px;border-bottom:1px solid #edf1f5}
.ps-sla td:last-child{text-align:right;font-weight:600;color:var(--ps-navy)}
.ps-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}
.ps-urgent{background:#fff6e8;border-left:4px solid #e0662d;padding:12px 16px;border-radius:6px;margin:20px 0 0;color:#3a2a10}
.ps-urgent a{font-weight:600}
#footer{background:transparent;color:#5b6b7b;padding:14px 0 26px!important;text-align:center;font-size:12px;width:auto!important;max-width:1140px;margin:0 auto}
#footer a{color:#5b6b7b}
.ps-footer{background:var(--ps-mid);color:#dbe9f3;margin-top:40px;padding:40px 0 26px;font-size:14px}
.ps-fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:28px}
.ps-footer h4{color:#fff;margin:0 0 12px;font-size:16px;position:relative;padding-bottom:8px}
.ps-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;background:var(--ps-lime)}
.ps-footer ul{list-style:none;margin:0;padding:0}.ps-footer li{margin:0 0 8px}
.ps-footer a{color:#fff!important;text-decoration:none}.ps-footer a:hover{color:var(--ps-lime)!important}
.ps-flogo{max-width:190px;margin-bottom:12px}
@media (max-width:800px){
 .ps-cards{grid-template-columns:1fr}.ps-fgrid{grid-template-columns:1fr 1fr}
 .ps-hero{padding:32px 22px}.ps-hero h1{font-size:28px}
 #content{padding:18px!important}.ps-hero{margin:-18px -18px 22px}
 .ps-hide-sm{display:none}.ps-topbar .ps-right{margin-right:60px}.ps-topbar:after{width:70px}
 #header{flex-direction:column;align-items:flex-start;gap:8px}
 #nav li{display:inline-block}#nav li a{padding:0 10px 0 32px!important;font-size:13px}
 #container{padding:0 12px}#header,#nav{margin:0 -12px!important}
}
@media (max-width:480px){.ps-fgrid{grid-template-columns:1fr}.ps-topbar .ps-right{display:none}}
.ps-hero h1,.ps-card h3,.ps-sla h2,.ps-footer h4,#landing_page h1{font-family:"Poppins","Segoe UI",Arial,sans-serif!important}
.ps-hero{margin-bottom:28px!important}
.ps-sla table td{border-top:0}
#nav{display:flex;flex-wrap:wrap}
@media (max-width:800px){#nav li a{line-height:42px!important}}
@media (max-width:800px){
 #content{overflow-x:hidden}
 #content form table,#content form tbody,#content form tr,#content form td,#content form th{display:block!important;width:100%!important;box-sizing:border-box}
 #content input[type=text],#content input[type=email],#content input[type=tel],#content select,#content textarea,#content .redactor-box{max-width:100%!important;box-sizing:border-box}
 #content hr{width:100%!important}
 #content form .captcha,#content form td img{max-width:100%}
 #clientLogin,#clientLogin .instructions{width:auto!important;float:none!important;display:block!important;border:0!important;padding:0!important}
}
@media (max-width:800px){#header .pull-right{width:100%!important;max-width:100%;text-align:left!important;white-space:normal!important;box-sizing:border-box}#header .pull-right p{margin:0;white-space:normal!important}}
@media (max-width:800px){#container p,#header p{max-width:100%!important;width:auto!important;box-sizing:border-box}body{overflow-x:hidden}}