@font-face{font-family:"DM Sans";src:url("../assets/phoenix/DMSans-subset.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Client portal: shared palette and flat controls from the website's account. */
body.phoenix-support{
  --ph-bg:#100907;--ph-panel:#160f0c;--ph-panel-raised:#1f1612;--ph-panel-hover:#251c17;--ph-input:#100907;
  --ph-border:#392e27;--ph-soft-border:#2a211c;--ph-text:#f8debd;--ph-heading:#f3efe8;
  --ph-muted:#b7a38a;--ph-faint:#8d7c69;--ph-gold:#e7ad63;--ph-gold-bright:#fb9b37;--ph-red:#a52d24;
  color-scheme:dark;background:var(--ph-bg);color:var(--ph-text);
  font:14px/1.6 "DM Sans","Segoe UI",Arial,sans-serif;
  min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;
}
.phoenix-support *{box-sizing:border-box}
.phoenix-support ::selection{background:var(--ph-gold);color:var(--ph-bg)}
.phoenix-support a,.phoenix-support .link{color:var(--ph-gold);text-decoration:none;margin-bottom:0;transition:color .15s,background-color .15s,border-color .15s}
.phoenix-support a:hover,.phoenix-support .link:hover{color:#f6d3a3;border-bottom:0;margin-bottom:0}
.phoenix-support :focus-visible{outline:2px solid var(--ph-gold);outline-offset:3px}
.phoenix-support h1,.phoenix-support h2,.phoenix-support h3,.phoenix-support h4{color:var(--ph-heading);font-weight:500;line-height:1.3}
.phoenix-support h1{font-size:28px;letter-spacing:-.025em;margin:0 0 12px}
.phoenix-support h2{font-size:21px;margin:0 0 16px;letter-spacing:-.015em}
.phoenix-support h3{font-size:17px;margin:0 0 12px}
.phoenix-support p{margin:0 0 18px}
.phoenix-support small{font-size:12px;color:var(--ph-muted)}
.phoenix-support hr{border:0;border-top:1px solid var(--ph-border);margin:24px 0}
.phoenix-support #container{display:flex;flex-direction:column;width:100%;max-width:none;min-height:calc(100vh - 75px);margin:0;padding:0;background:none;border:0;box-shadow:none}
.phoenix-support #container>.clear{display:none}
.phoenix-support #header{display:block;width:100%;height:auto;margin:0;padding:0;background:var(--ph-panel);border:0;border-bottom:1px solid var(--ph-border)}
.ph-header-inner{width:calc(100% - 48px);max-width:1200px;min-height:86px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.phoenix-support #header #logo{display:flex;align-items:center;gap:22px;float:none;width:auto;height:auto;padding:0;margin:0;text-decoration:none;flex:none}
.phoenix-support #header #logo img{display:block;width:130px;height:auto;max-width:none;max-height:none;margin:0;object-fit:contain}
.ph-brand-copy{padding-left:22px;border-left:1px solid var(--ph-border);font-size:16px;line-height:1.5;color:var(--ph-heading);font-weight:400}
.ph-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.phoenix-support .ph-website-link{color:var(--ph-muted);font-size:12px;white-space:nowrap}
.ph-website-link i{margin-right:6px;font-size:11px}
.phoenix-support .ph-account{display:flex;align-items:center;gap:8px;color:var(--ph-text);font-size:13px;min-width:0}
.ph-account i{color:var(--ph-gold);font-size:14px}
.ph-account>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phoenix-support .ph-signout,.phoenix-support .ph-signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 12px;font-size:12px;border:1px solid var(--ph-border);color:var(--ph-text);white-space:nowrap}
.phoenix-support .ph-signout:hover,.phoenix-support .ph-signin:hover{border:1px solid var(--ph-gold);background:var(--ph-panel-hover);color:var(--ph-gold)}
.ph-language{font-size:12px;letter-spacing:.04em}
.ph-navigation{background:#23120f;border-bottom:1px solid #44241e;width:100%}
.ph-nav-inner{max-width:1200px;width:calc(100% - 48px);margin:0 auto}
.phoenix-support #nav{display:flex;align-items:stretch;gap:28px;float:none;width:100%;height:auto;list-style:none;margin:0;padding:0;background:none;border:0;box-shadow:none}
.phoenix-support #nav li{float:none;display:flex;width:auto;margin:0;padding:0;border:0}
.phoenix-support #nav li a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:49px;height:auto;line-height:1.4;padding:12px 1px;margin:0;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;background:none;color:var(--ph-muted);font-size:13px;text-decoration:none;white-space:normal}
.phoenix-support #nav li a:hover{color:var(--ph-text)}
.phoenix-support #nav li a.active{color:var(--ph-gold);border-bottom:2px solid var(--ph-gold)}
.ph-nav-icon{font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:16px;flex:none}
.ph-nav-text{min-width:0}
.ph-nav-text b{font-weight:400;color:var(--ph-gold)}
.phoenix-support #content{display:block;flex:1 0 auto;align-self:center;width:calc(100% - 48px);max-width:1200px;min-width:0;min-height:0;margin:0 auto;padding:32px 0 52px;border:0;border-radius:0;background:none;box-shadow:none;outline:none}
.phoenix-support #content>p{max-width:760px;color:var(--ph-muted);font-size:14px;line-height:1.7}
.ph-home-hero{max-width:760px;padding:0;margin:0 0 26px}
.phoenix-support .ph-home-hero h1{font-size:30px;font-weight:500;letter-spacing:-.025em;margin:0 0 10px;color:var(--ph-heading)}
.ph-home-hero p{color:var(--ph-muted);font-size:14px;line-height:1.75;margin:0;max-width:650px}
.ph-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.phoenix-support .ph-action-card{display:block;position:relative;min-width:0;padding:22px 45px 22px 52px;background:var(--ph-panel);color:var(--ph-text);border:1px solid var(--ph-border)}
.phoenix-support .ph-action-card:hover{background:var(--ph-panel-raised);color:var(--ph-text);border:1px solid var(--ph-gold)}
.ph-card-icon{position:absolute;left:20px;top:24px;color:var(--ph-gold);font-size:17px;line-height:1.5}
.phoenix-support .ph-action-card h2{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 7px;color:var(--ph-text)}
.ph-action-card p{font-size:12px;line-height:1.7;color:var(--ph-muted);margin:0}
.ph-card-arrow{position:absolute;right:19px;top:23px;font-size:16px;color:var(--ph-faint)}
.ph-about-support{font-size:13px;color:var(--ph-muted);padding:0;margin:24px 0 0}
.ph-about-support summary{cursor:pointer;list-style-position:inside;color:var(--ph-muted)}
.ph-about-support summary:hover{color:var(--ph-gold)}
.ph-about-support>.thread-body{padding:20px 0}
.ph-about-support .thread-body h1{font-size:20px}
.ph-kb-search form{display:flex;gap:8px;margin:22px 0}
.ph-kb-search input{flex:1;min-width:0}

/* Native osTicket widgets. */
.phoenix-support input,.phoenix-support select,.phoenix-support textarea,.phoenix-support button{font-family:"DM Sans","Segoe UI",Arial,sans-serif}
.phoenix-support #content input[type="text"],.phoenix-support #content input[type="email"],.phoenix-support #content input[type="search"],.phoenix-support #content input[type="password"],.phoenix-support #content input[type="number"],.phoenix-support #content input[type="tel"],.phoenix-support #content select,.phoenix-support #content textarea{background:var(--ph-input);color:var(--ph-text);border:1px solid var(--ph-border);border-radius:0;min-height:43px;font-size:14px;line-height:1.5;padding:10px 13px;box-shadow:none;max-width:100%;outline-offset:2px}
.phoenix-support #content input:focus,.phoenix-support #content textarea:focus,.phoenix-support #content select:focus{border-color:var(--ph-gold);outline:1px solid var(--ph-gold);box-shadow:none}
.phoenix-support input::placeholder,.phoenix-support textarea::placeholder{color:var(--ph-faint);opacity:1}
.phoenix-support #content select{padding-right:28px;color-scheme:dark}
.phoenix-support #content input[type="checkbox"],.phoenix-support #content input[type="radio"]{accent-color:#e7ad63;min-height:0;vertical-align:middle}
.phoenix-support #content textarea{width:100%;min-height:160px;line-height:1.8;padding:15px 16px}
.phoenix-support #content input[type="submit"],.phoenix-support #content button[type="submit"],.phoenix-support #content .button,.phoenix-support #content .btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 23px;background:var(--ph-gold);border:1px solid #4d2d14;border-radius:0;color:var(--ph-bg);font-size:14px;font-weight:500;line-height:1.5;text-shadow:none;box-shadow:none;cursor:pointer;white-space:normal;height:auto;max-width:100%}
.phoenix-support #content input[type="submit"]:hover,.phoenix-support #content button[type="submit"]:hover,.phoenix-support #content .button:hover{background:var(--ph-gold);border:1px solid #6d4423;color:var(--ph-bg)}
.phoenix-support #content input[type="submit"]{color:var(--ph-bg)!important}
.phoenix-support #content input[type="submit"][style*="255, 0, 0"]{border-color:var(--ph-gold);box-shadow:none}
.phoenix-support #content input[type="reset"],.phoenix-support #content input[type="button"],.phoenix-support .action-button{display:inline-block;min-height:43px;padding:10px 19px;background:var(--ph-panel-raised);border:1px solid var(--ph-border);border-radius:0;color:var(--ph-text);font-size:13px;line-height:1.5;box-shadow:none;cursor:pointer;max-width:100%}
.phoenix-support #content input[type="reset"]:hover,.phoenix-support #content input[type="button"]:hover,.phoenix-support .action-button:hover{border:1px solid var(--ph-gold);background:var(--ph-panel-hover);color:var(--ph-text)}
.phoenix-support input:disabled,.phoenix-support button:disabled{opacity:.5;cursor:not-allowed}
.phoenix-support #content .buttons,.phoenix-support #reply>p:last-child,.ph-page-profile #content form>p:last-child{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:11px;margin:26px 0 0!important}
.phoenix-support #reply>p[style*="text-align"],.ph-page-account #content form>p[style*="text-align"]{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:11px;margin:26px 0 0!important}
.phoenix-support #content .buttons input{margin:0}
.ph-input-label{display:block;color:var(--ph-muted);font-size:12px;margin-bottom:9px}
.phoenix-support .ph-login-grid{display:block!important}
.phoenix-support #clientLogin{background:none;border:0;padding:0;margin:0;border-radius:0;box-shadow:none}
.phoenix-support .login-box{display:block;width:100%;float:none;margin:28px 0 24px;padding:0;border:0}
.phoenix-support .login-box{box-shadow:none}
.phoenix-support .login-box>strong:empty{display:none}
.phoenix-support .login-box>div{margin-bottom:19px}
.phoenix-support .login-box input:not([type="submit"]){width:100%!important;max-width:100%;margin:0}
.phoenix-support .login-box>p{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0 0}
.phoenix-support .ph-login-links{display:flex;flex-direction:column;gap:14px;padding-top:22px;border-top:1px solid var(--ph-border);font-size:13px;color:var(--ph-muted)}
.phoenix-support .ph-login-links b{font-weight:400}
.ph-page-login #content,.ph-page-pwreset #content,.ph-page-account #content{max-width:650px;width:100%;justify-self:center;padding:37px 40px}
.ph-page-login #content>br{display:none}
.ph-page-login #content>p:last-child{font-size:12px;margin:25px 0 0;border-top:1px solid var(--ph-border);padding-top:20px}
.phoenix-support .ph-tickets-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px}
.phoenix-support .ph-tickets-heading>a{font-size:31px;color:var(--ph-gold);font-weight:400}
.phoenix-support .ph-tickets-heading i.refresh{font-size:16px;margin-right:10px;color:var(--ph-muted)}
.phoenix-support .ph-tickets-heading .states{float:none}
.ph-tickets-heading .states small{display:flex;gap:8px;align-items:center}
.ph-tickets-heading .states a{display:inline-block;padding:7px 13px;border:1px solid #594025;border-radius:0;font-size:12px;color:var(--ph-gold);background:#2e2116}
.ph-tickets-heading .states i,.ph-tickets-heading .states span{display:none}
.phoenix-support .search.well{padding:0 0 24px;background:none;border:0;border-radius:0;box-shadow:none;margin-bottom:0;min-width:0}
.phoenix-support .search.well .flush-left{float:none}
.phoenix-support #ticketSearchForm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%}
.phoenix-support #ticketSearchForm input[type="search"]{flex:1 1 200px;width:200px;min-width:130px;font-size:12px}
.phoenix-support #ticketSearchForm input[type="submit"]{padding:10px 17px;font-size:13px}
.phoenix-support #ticketSearchForm>.pull-right{float:none;display:flex;align-items:center;gap:8px;color:var(--ph-muted);font-size:11px;margin-left:auto}
.phoenix-support #ticketSearchForm select{font-size:12px;max-width:200px}
.ph-ticket-table{border:1px solid var(--ph-border);border-radius:0;overflow:hidden;margin:0 0 19px;width:100%}
.phoenix-support #ticketTable{width:100%;border:0;border-collapse:collapse;margin:0;table-layout:fixed}
.phoenix-support #ticketTable caption{text-align:left;background:var(--ph-panel);color:var(--ph-muted);font-size:11px;padding:10px 15px;border:0;font-weight:400}
.phoenix-support #ticketTable th{font-size:10px;text-transform:uppercase;letter-spacing:.055em;background:var(--ph-input);color:var(--ph-muted);vertical-align:middle;padding:14px 15px;border:0;border-bottom:1px solid var(--ph-border);white-space:normal}
.phoenix-support #ticketTable th a{color:inherit;line-height:1.4}
.phoenix-support #ticketTable th:first-child{width:16%}
.phoenix-support #ticketTable th:nth-child(2){width:17%}
.phoenix-support #ticketTable th:nth-child(3){width:16%}
.phoenix-support #ticketTable th:nth-child(4){width:34%}
.phoenix-support #ticketTable th:nth-child(5){width:17%}
.phoenix-support #ticketTable td{background:var(--ph-panel);color:var(--ph-text);font-size:13px;padding:20px 15px;border:0;border-bottom:1px solid var(--ph-border);vertical-align:middle;overflow-wrap:anywhere}
.phoenix-support #ticketTable tr:last-child td{border-bottom:0}
.phoenix-support #ticketTable tbody tr:hover td{background:var(--ph-panel-hover)}
.phoenix-support #ticketTable .Icon{background:none;padding:0;font-size:13px;white-space:nowrap}
.phoenix-support #ticketTable .link{max-height:none!important;max-width:none!important;white-space:normal;color:var(--ph-text);font-weight:500;cursor:pointer;overflow-wrap:anywhere}
.phoenix-support #ticketTable .link:hover{color:var(--ph-gold)}
.phoenix-support #ticketTable b{font-weight:500}
.ph-status{display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid #685539;border-radius:0;font-size:10px;color:var(--ph-gold);background:var(--ph-panel-raised);line-height:1.4;white-space:nowrap}
.ph-status:before{content:"";width:5px;height:5px;flex:none;border-radius:0;background:currentColor}
.ph-status--closed{color:#9ac4a3;border-color:#3b5b40;background:#23412a33}
.phoenix-support #ticketInfo{width:100%;max-width:100%;border:0;margin:0}
.phoenix-support #ticketInfo>tbody>tr>td{border:0;padding:0 0 20px;background:none;vertical-align:top}
.phoenix-support #ticketInfo>tbody>tr:last-child>td{padding-bottom:0}
.phoenix-support #ticketInfo+br{display:none}
.phoenix-support #ticketInfo h1{font-size:29px;line-height:1.45;display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin-bottom:12px}
.phoenix-support #ticketInfo h1>b{font-weight:500}
.phoenix-support #ticketInfo h1 small{color:var(--ph-faint);font-size:15px}
.phoenix-support #ticketInfo h1>.pull-right{margin-left:auto;float:none;display:flex;gap:8px}
.phoenix-support #ticketInfo .action-button{font-size:11px;min-height:34px;padding:7px 11px;white-space:nowrap}
.phoenix-support #ticketInfo .infoTable{background:var(--ph-panel);border:1px solid var(--ph-border);width:calc(100% - 8px);border-collapse:separate;border-spacing:0;border-radius:0;overflow:hidden}
.phoenix-support #ticketInfo td:nth-child(2)>.infoTable{margin-left:8px}
.phoenix-support #ticketInfo .infoTable th,.phoenix-support #ticketInfo .infoTable td{padding:8px 14px;font-size:12px;background:none;border:0;overflow-wrap:anywhere}
.phoenix-support #ticketInfo .infoTable th{width:42%;color:var(--ph-muted);font-weight:400}
.phoenix-support #ticketInfo .infoTable td{color:var(--ph-text)}
.phoenix-support #ticketInfo .infoTable .headline{padding:13px 14px;border-bottom:1px solid var(--ph-border);color:var(--ph-gold);font-size:12px;background:var(--ph-panel-raised)}
.phoenix-support .custom-data{margin-top:16px}
.phoenix-support .custom-data th,.phoenix-support .custom-data td{padding:8px 14px;font-size:12px;border-bottom:1px solid var(--ph-soft-border)}
.phoenix-support .custom-data th{color:var(--ph-muted);width:35%}
.phoenix-support .custom-data .headline{color:var(--ph-gold);background:var(--ph-panel)}
.phoenix-support .thread-body{font-family:"DM Sans","Segoe UI",Arial,sans-serif;background:transparent;color:var(--ph-text);line-height:1.8;font-size:14px!important}
.phoenix-support .thread-body p{margin:0 0 12px}
.phoenix-support .thread-body a:not(.button){color:var(--ph-gold)!important}
.phoenix-support .thread-body pre,.phoenix-support .thread-body code{color:var(--ph-text);background:var(--ph-bg);border-color:var(--ph-border)}
.phoenix-support .thread-entry{margin:22px 0 25px!important;border:1px solid var(--ph-border);border-radius:0;background:var(--ph-panel);box-shadow:none;overflow:hidden}
.phoenix-support .thread-entry>.avatar{display:none}
.phoenix-support .thread-entry.avatar{margin-left:0!important;margin-right:0!important}
.phoenix-support .thread-entry .header{padding:15px 18px!important;background:var(--ph-panel-hover)!important;border:0!important;border-bottom:1px solid var(--ph-border)!important;border-radius:0;color:var(--ph-text);font-size:12px;line-height:1.6}
.phoenix-support .thread-entry .header:before,.phoenix-support .thread-entry .header:after,.phoenix-support .thread-entry:before,.phoenix-support .thread-entry:after{display:none!important}
.phoenix-support .thread-entry.response .header{background:#18201b!important;color:#a8c3ae}
.phoenix-support .thread-entry .thread-body{padding:20px 22px;border:0;border-radius:0}
.phoenix-support .thread-entry .header .title{color:inherit}
.phoenix-support .thread-body .attachments{background:var(--ph-panel-raised);border-top:1px solid var(--ph-border);color:var(--ph-muted);margin-top:20px;padding:14px}
.phoenix-support .thread-body .attachments .filesize{color:var(--ph-muted)}
.phoenix-support #reply{padding:27px 0 0;margin-top:30px;border-top:1px solid var(--ph-border)}
.phoenix-support #reply{background:none;border:0;border-top:1px solid var(--ph-border);box-shadow:none}
.phoenix-support #reply h2,.phoenix-support #ticketInfo h1{border-bottom:0;padding-bottom:0}
.phoenix-support #ticketInfo i.refresh{color:var(--ph-muted);font-size:16px}
.phoenix-support #reply h2{color:var(--ph-gold);font-weight:400;font-size:22px}
.phoenix-support #reply em{font-style:normal;color:var(--ph-muted);font-size:12px}
.phoenix-support .redactor-box{border:1px solid var(--ph-border)!important;border-radius:0;background:var(--ph-input)!important;max-width:100%}
.phoenix-support .redactor-editor{background:var(--ph-input)!important;color:var(--ph-text)!important;padding:17px!important;min-height:160px;border:0!important;font-family:inherit!important;line-height:1.8}
.phoenix-support .redactor-editor p{margin:0 0 12px}
.phoenix-support .redactor-box .redactor-styles{background:var(--ph-input)!important;color:var(--ph-text)!important;padding:17px!important;min-height:160px;border:0!important;font-family:"DM Sans","Segoe UI",Arial,sans-serif!important;font-size:14px;line-height:1.8}
.phoenix-support .redactor-box .redactor-placeholder:before{color:var(--ph-faint)!important;opacity:1}
.phoenix-support .redactor-toolbar{background:var(--ph-panel-raised)!important;border:0!important;border-bottom:1px solid var(--ph-border)!important;box-shadow:none;flex-wrap:wrap}
.phoenix-support .redactor-toolbar-wrapper{background:var(--ph-panel-raised)!important;border:0}
.phoenix-support .redactor-toolbar a.re-button{color:var(--ph-muted)!important;background:transparent!important;border:0!important;box-shadow:none}
.phoenix-support .redactor-toolbar a.re-button:hover,.phoenix-support .redactor-toolbar a.re-button.redactor-act{background:var(--ph-panel-hover)!important;color:var(--ph-text)!important}
.phoenix-support .redactor-statusbar{background:var(--ph-panel);color:var(--ph-muted);border-color:var(--ph-border);margin:0;padding:0;min-height:0}
.phoenix-support #content .redactor-dropdown,.phoenix-support .redactor-dropdown{background:var(--ph-panel-raised)!important;border:1px solid var(--ph-border)!important;box-shadow:none}
.phoenix-support .redactor-dropdown a{color:var(--ph-text)!important;background:none!important}
.phoenix-support .redactor-dropdown a:hover{background:var(--ph-panel-hover)!important}
.phoenix-support .thread-event{margin:4px 0 20px;padding:2px 0;font-size:11px;color:var(--ph-muted)}
.phoenix-support .thread-event .description{margin:0;padding:5px 0 0;max-width:calc(100% - 45px);width:auto;line-height:1.6}
.phoenix-support .thread-event .type-icon{background:none;border:0;border-radius:0;padding:5px 0 5px 6px;font-size:12px;color:var(--ph-muted);margin-right:2px;box-shadow:none}
.phoenix-support .thread-event .type-icon i{opacity:.65}
.phoenix-support .thread-event .type-icon:after,.phoenix-support #ticketThread:before{display:none}
.phoenix-support .thread-event img.avatar{display:none}
.phoenix-support .redactor-toolbar li a{color:var(--ph-muted)!important;background:none!important;border:0!important}
.phoenix-support .redactor-toolbar li a:hover,.phoenix-support .redactor-toolbar li a.redactor-act{background:var(--ph-panel-hover)!important;color:var(--ph-text)!important}
.phoenix-support .redactor-dropdown,.phoenix-support .redactor-modal,.phoenix-support .dialog{color:var(--ph-text);background:var(--ph-panel);border-color:var(--ph-border)}
.phoenix-support .redactor-dropdown a{color:var(--ph-text)!important}
.phoenix-support .filedrop{background:var(--ph-input)!important;border:1px dashed var(--ph-border)!important;color:var(--ph-muted)!important;border-radius:0;max-width:100%;margin-top:14px}
.phoenix-support .filedrop .dropzone{background:none!important;color:var(--ph-muted)!important}
.phoenix-support .filedrop .dropzone a{color:var(--ph-gold)!important}
.phoenix-support #content form table:not(#ticketTable):not(#ticketInfo){width:100%;max-width:100%}
.phoenix-support #content form table td{font-size:13px;padding:10px 7px;vertical-align:middle;color:var(--ph-text)}
.phoenix-support #content form table input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="file"]){width:100%;max-width:470px}
.phoenix-support #content form table input[type="tel"]{width:calc(100% - 110px)!important;max-width:330px!important;display:inline-block}
.phoenix-support #content form table input[name$="-ext"]{width:65px!important;max-width:65px!important;display:inline-block;margin-top:4px}
.phoenix-support #content form table hr{margin:18px 0}
.phoenix-support #ticketForm table input:not([type="hidden"]),.phoenix-support #ticketForm table select{max-width:100%}
.phoenix-support #content form .form-header{margin-top:15px;font-size:17px;color:var(--ph-gold)}
.phoenix-support #content form .form-header b{font-weight:400}
.phoenix-support #content form .form-header em{font-style:normal;font-size:12px;color:var(--ph-muted)}
.phoenix-support #content .form-table{border:0;background:none}
.phoenix-support .form-field .hint,.phoenix-support .description,.phoenix-support .faded{color:var(--ph-muted)}
.phoenix-support .error{color:#ea9a8c;font-size:12px}
.phoenix-support #msg_error,.phoenix-support .error_bar{padding:14px 18px;background:#3e201a;border:1px solid #7d3f32;border-radius:0;color:#f5b6a7;margin:0 0 22px;font-size:13px}
.phoenix-support #msg_notice,.phoenix-support .notice_bar{padding:14px 18px;background:#1c2e21;border:1px solid #426247;border-radius:0;color:#b9d0b5;margin:0 0 22px;font-size:13px}
.phoenix-support #msg_warning,.phoenix-support #msg_info,.phoenix-support .warning_bar,.phoenix-support .warning-banner{padding:14px 18px;background:#342719;border:1px solid #74542e;border-radius:0;color:#e4c79e;margin:0 0 22px;font-size:13px}
.phoenix-support #container>.error_bar,.phoenix-support #container>.warning_bar,.phoenix-support #container>.notice_bar{grid-column:1/-1;margin-top:15px}
.phoenix-support #footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:1248px;width:calc(100% - 72px);margin:0 auto;padding:23px 0 30px;border-top:1px solid var(--ph-border);background:none;color:var(--ph-faint);font-size:11px;text-align:left;line-height:1.6}
.phoenix-support #footer p{margin:0}
.phoenix-support #footer #poweredBy{display:inline;width:auto;height:auto;line-height:inherit;text-indent:0;background:none;color:var(--ph-faint);font-size:11px;white-space:normal;margin:0}
.phoenix-support #footer #poweredBy:hover{color:var(--ph-gold)}
.phoenix-support #loading{background:var(--ph-panel);color:var(--ph-text);border:1px solid var(--ph-border);border-radius:0}
.phoenix-support #overlay{background:#000a}
.phoenix-support .ph-skip{position:fixed;left:15px;top:12px;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;z-index:10000;background:var(--ph-gold);color:var(--ph-bg);border-radius:0}
.phoenix-support .ph-skip:focus{clip-path:none;width:auto;height:auto;overflow:visible;padding:12px 18px}
.phoenix-support .select2-container{max-width:100%}
.phoenix-support .select2-container--default .select2-selection--single,.phoenix-support .select2-container--default .select2-selection--multiple{background:var(--ph-input);border:1px solid var(--ph-border);min-height:43px;color:var(--ph-text)}
.phoenix-support .select2-selection__rendered{color:var(--ph-text)!important;line-height:39px!important}
.phoenix-support .select2-dropdown{background:var(--ph-panel);border-color:var(--ph-border);color:var(--ph-text)}
.phoenix-support .select2-search__field{background:var(--ph-input)!important;color:var(--ph-text)!important;border:1px solid var(--ph-border)!important;padding:9px!important;border-radius:0;outline-color:var(--ph-gold)}
.phoenix-support .select2-results__option--highlighted{background:var(--ph-panel-hover)!important;color:var(--ph-text)!important}
.phoenix-support .ui-datepicker,.phoenix-support .ui-widget-content{background:var(--ph-panel);color:var(--ph-text);border-color:var(--ph-border)}

@media(max-width:560px){
  .phoenix-support .ph-tickets-heading{gap:12px;margin-bottom:22px}.phoenix-support .ph-tickets-heading>a{font-size:27px}.ph-tickets-heading .states a{font-size:11px;padding:6px 10px}
  .phoenix-support #ticketSearchForm{gap:8px}.phoenix-support #ticketSearchForm input[type="search"]{flex-basis:150px;min-width:100px;font-size:11px}.phoenix-support #ticketSearchForm input[type="submit"]{font-size:12px;padding:10px 14px}
  .phoenix-support #ticketSearchForm>.pull-right{font-size:11px;justify-content:space-between}.phoenix-support #ticketSearchForm select{max-width:190px;font-size:11px}
  .ph-ticket-table{border:0;overflow:visible}.phoenix-support #ticketTable,.phoenix-support #ticketTable tbody{display:block;table-layout:auto;width:100%}.phoenix-support #ticketTable caption{display:block;border:1px solid var(--ph-border);border-radius:0;font-size:10px;margin-bottom:13px;padding:9px 11px}.phoenix-support #ticketTable thead{display:none}
  .phoenix-support #ticketTable tbody tr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:var(--ph-panel);border:1px solid var(--ph-border);border-radius:0;padding:15px;margin-bottom:12px}
  .phoenix-support #ticketTable td{display:block;background:none!important;padding:0;border:0!important;font-size:12px;grid-column:1}
  .phoenix-support #ticketTable td:nth-child(2){grid-row:3;grid-column:2;justify-self:end;font-size:10px;color:var(--ph-muted)}
  .phoenix-support #ticketTable td:nth-child(3){grid-column:2;grid-row:1;justify-self:end}
  .phoenix-support #ticketTable td:nth-child(4){grid-column:1/-1;grid-row:2;padding:5px 0 7px}
  .phoenix-support #ticketTable td:nth-child(5){grid-column:1;grid-row:3;font-size:10px;color:var(--ph-muted)}
  .phoenix-support #ticketTable .link{font-size:16px}.ph-status{font-size:10px}
  .phoenix-support #ticketInfo h1{font-size:25px;gap:8px}.phoenix-support #ticketInfo h1>.pull-right{margin:10px 0 5px;width:100%}.phoenix-support #ticketInfo>tbody>tr>td{display:block;width:100%;padding-bottom:14px}.phoenix-support #ticketInfo .infoTable{width:100%;margin:0!important}.phoenix-support #ticketInfo .infoTable th,.phoenix-support #ticketInfo .infoTable td{padding:8px 11px;font-size:11px}
  .phoenix-support .thread-entry .header{font-size:11px;padding:13px 14px!important}.phoenix-support .thread-entry .thread-body{padding:17px 15px}.phoenix-support .thread-body{font-size:13px!important}
  .phoenix-support #content form table td{font-size:12px;padding:8px 2px}.phoenix-support #content form table td[width="180"]{display:block;width:100%;padding-top:13px}
  .phoenix-support #content form table td[width="180"]+td{display:block;width:100%}.phoenix-support #content form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]){max-width:100%}
  .phoenix-support #content form table td:first-child:not([colspan]){width:auto!important}
  .ph-page-account #content form>table,.ph-page-profile #content form>table,.ph-page-account #content form>table>tbody,.ph-page-profile #content form>table>tbody,.ph-page-account #content form>table>tbody>tr,.ph-page-profile #content form>table>tbody>tr{display:block;width:100%;max-width:100%}
  .ph-page-account #content form>table>tbody>tr>td,.ph-page-profile #content form>table>tbody>tr>td{display:block;width:100%!important;max-width:100%;height:auto;float:none;padding:8px 0}
  .ph-page-account #content form>table>tbody>tr>td+td,.ph-page-profile #content form>table>tbody>tr>td+td{padding-top:0}
  .ph-page-account #content form>table>tbody>tr,.ph-page-profile #content form>table>tbody>tr{margin-bottom:12px}
  .ph-page-account #content form>table input,.ph-page-profile #content form>table input{width:100%}
  .phoenix-support #content .select2-container{width:100%!important;min-width:0}
  .phoenix-support .select2-selection__rendered{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .phoenix-support #content form table{table-layout:fixed}
  .phoenix-support #content input[type="submit"],.phoenix-support #content input[type="reset"],.phoenix-support #content input[type="button"]{font-size:12px;padding-left:17px;padding-right:17px}
  .phoenix-support #content form table .redactor-box{width:100%!important}.phoenix-support .redactor-toolbar{padding:5px!important}.phoenix-support .redactor-toolbar li{margin:0!important}.phoenix-support .redactor-toolbar li a{padding:7px!important}
}
/* Compact account layout: square edges, thin rules, restrained gold actions. */
.phoenix-support #content input[type="text"],.phoenix-support #content input[type="email"],.phoenix-support #content input[type="search"],.phoenix-support #content input[type="password"],.phoenix-support #content input[type="number"],.phoenix-support #content input[type="tel"],.phoenix-support #content select{min-height:40px;padding:8px 11px;border-radius:0;box-shadow:none}
.phoenix-support #content input:focus,.phoenix-support #content textarea:focus,.phoenix-support #content select:focus{box-shadow:none;outline:1px solid var(--ph-gold);outline-offset:0}
.phoenix-support #content input[type="submit"],.phoenix-support #content button[type="submit"],.phoenix-support #content .button,.phoenix-support #content .btn{min-height:40px;padding:8px 19px;background:var(--ph-gold);border:1px solid var(--ph-gold);border-radius:0;font-weight:500;box-shadow:none;text-shadow:none}
.phoenix-support #content input[type="submit"]:hover,.phoenix-support #content button[type="submit"]:hover,.phoenix-support #content .button:hover{background:#f1bf7c;border:1px solid #f1bf7c}
.phoenix-support #content input[type="reset"],.phoenix-support #content input[type="button"],.phoenix-support .action-button{min-height:40px;padding:8px 16px;background:#23120f;border:1px solid #59302a;font-weight:400}
.ph-input-label{margin-bottom:7px;font-size:13px}
.ph-page-login #content,.ph-page-pwreset #content,.ph-page-account #content{align-self:center;max-width:560px;padding:32px 0 48px}
.phoenix-support .login-box{margin:22px 0}
.phoenix-support .login-box>div{margin-bottom:16px}
.phoenix-support .login-box>p{margin-top:22px}
.phoenix-support .ph-login-links{padding-top:20px;gap:12px}
.ph-page-profile #content form{max-width:900px}
.phoenix-support .ph-tickets-heading{margin:0 0 20px}
.phoenix-support .ph-tickets-heading>a{font-size:28px;color:var(--ph-heading)}
.ph-tickets-heading .states a{padding:5px 10px;background:none;border:1px solid var(--ph-border);border-radius:0;color:var(--ph-muted)}
.ph-tickets-heading .states a.active{background:var(--ph-panel-raised);border-color:var(--ph-gold);color:var(--ph-gold)}
.phoenix-support #ticketSearchForm{margin-bottom:16px}
.phoenix-support #ticketSearchForm>.pull-right{font-size:12px}
.phoenix-support #ticketTable caption{background:var(--ph-panel);padding:8px 14px;font-size:11px}
.phoenix-support #ticketTable th{background:var(--ph-panel-raised);padding:11px 14px;letter-spacing:.06em}
.phoenix-support #ticketTable td{padding:14px;line-height:1.6}
.ph-ticket-table{border-radius:0}
.ph-status{font-size:11px;border:0;padding:3px 0;background:none;color:var(--ph-gold);gap:7px}
.ph-status:before{border-radius:50%;width:5px;height:5px}
.ph-status--closed{background:none;border:0;color:#9ac4a3}
.phoenix-support #ticketInfo h1{font-size:26px;line-height:1.4;margin-bottom:15px}
.phoenix-support #ticketInfo h1 small{font-size:14px}
.phoenix-support #ticketInfo .infoTable{background:var(--ph-panel);border-radius:0}
.phoenix-support #ticketInfo .infoTable .headline{padding:10px 14px;background:var(--ph-panel-raised)}
.phoenix-support #ticketInfo .infoTable th,.phoenix-support #ticketInfo .infoTable td{padding:6px 14px}
.phoenix-support .thread-entry{margin:18px 0!important;border-radius:0}
.phoenix-support .thread-entry .header{padding:10px 16px!important;background:var(--ph-panel-raised)!important}
.phoenix-support .thread-entry.response .header{background:#18201b!important}
.phoenix-support .thread-entry .thread-body{padding:16px}
.phoenix-support #reply{padding-top:22px;margin-top:24px}
.phoenix-support #reply h2{font-size:20px;color:var(--ph-heading)}
.phoenix-support .thread-event{font-size:12px}
.phoenix-support .redactor-toolbar{padding:4px!important}
.phoenix-support .redactor-box .redactor-styles{padding:14px!important;min-height:145px}
.phoenix-support .select2-selection__rendered{line-height:36px!important}
.phoenix-support .select2-container--default .select2-selection--single,.phoenix-support .select2-container--default .select2-selection--multiple{min-height:40px;border-radius:0}
.phoenix-support .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.phoenix-support #footer{max-width:1200px;width:calc(100% - 48px);min-height:75px;margin:0 auto;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ph-border);background:none;font-size:11px;color:var(--ph-faint)}
.phoenix-support #footer p{margin:0}
.phoenix-support #footer #poweredBy{color:var(--ph-faint);font-size:11px}
@media(max-width:900px){
  .ph-header-actions{gap:16px}.ph-brand-copy{font-size:15px;padding-left:16px}
  .phoenix-support #header #logo{gap:16px}.phoenix-support .ph-website-link{display:none}
  .ph-home-actions{grid-template-columns:1fr}
  .phoenix-support .ph-action-card{padding:17px 42px 17px 46px}
  .ph-card-icon{left:15px;top:18px}.ph-card-arrow{top:19px}
  .phoenix-support .ph-action-card h2{margin-bottom:3px}
  .phoenix-support #ticketSearchForm>.pull-right{width:100%;margin:5px 0 0;justify-content:flex-end}
}
@media(max-width:560px){
  .ph-header-inner,.ph-nav-inner,.phoenix-support #content,.phoenix-support #footer{width:calc(100% - 32px)}
  .ph-header-inner{min-height:74px;gap:12px}
  .phoenix-support #header #logo img{width:108px}.ph-brand-copy{display:none}
  .ph-header-actions{gap:12px}.ph-account>span{max-width:100px;font-size:12px}
  .phoenix-support .ph-signout,.phoenix-support .ph-signin{min-height:34px;padding:6px 10px;font-size:12px}
  .ph-signout span{display:none}.ph-signout i{font-size:14px}
  .phoenix-support #nav{gap:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .phoenix-support #nav:has(li:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
  .phoenix-support #nav li{min-width:0;display:block}
  .phoenix-support #nav li a{font-size:11px;text-align:center;min-height:51px;height:100%;padding:10px 5px;gap:0}
  .ph-nav-icon{display:none}
  .phoenix-support #content{padding:26px 0 38px}
  .ph-page-login #content,.ph-page-pwreset #content,.ph-page-account #content{padding:26px 0 38px}
  .phoenix-support h1,.phoenix-support .ph-home-hero h1{font-size:26px}
  .phoenix-support h2{font-size:20px}.ph-home-hero{margin-bottom:22px}
  .ph-home-hero p{font-size:13px}.phoenix-support .ph-action-card h2{font-size:15px}
  .phoenix-support .ph-tickets-heading>a{font-size:26px}
  .phoenix-support #ticketTable tbody tr{padding:14px;border-radius:0}
  .phoenix-support #ticketTable td{padding:0}.phoenix-support #ticketTable .link{font-size:15px}
  .phoenix-support #ticketInfo h1{font-size:24px}
  .phoenix-support #ticketInfo h1>.pull-right{margin:6px 0 2px}
  .phoenix-support #ticketInfo .infoTable th,.phoenix-support #ticketInfo .infoTable td{padding:7px 11px}
  .phoenix-support .thread-entry .header{padding:10px 13px!important}
  .phoenix-support .thread-entry .thread-body{padding:14px 13px}
  .phoenix-support #footer{display:block;padding:18px 0;min-height:75px;font-size:10px}
  .phoenix-support #footer p{margin-bottom:6px}
  .phoenix-support #footer #poweredBy{font-size:10px}
}
@media(max-width:360px){
  .phoenix-support #header #logo img{width:94px}.ph-header-actions{gap:10px}
  .ph-account>span{max-width:72px}.phoenix-support #nav li a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.phoenix-support *{transition:none!important}}

/* Focus belongs to the whole rich-text control, including its toolbar. */
.phoenix-support #content .redactor-box{border-color:var(--ph-border)!important}
.phoenix-support #content .redactor-box:focus-within{border-color:var(--ph-gold)!important;outline:1px solid var(--ph-gold);outline-offset:0}
.phoenix-support #content .redactor-box .redactor-in:focus,
.phoenix-support #content .redactor-box .redactor-editor:focus,
.phoenix-support #content .redactor-box .redactor-styles:focus,
.phoenix-support #content .redactor-box textarea:focus{outline:none!important;box-shadow:none!important}
.phoenix-support .filedrop .dropzone{padding:14px 8px 2px!important}

/* Signed-in requester summary must not inherit the form table's wide columns. */
.phoenix-support .ph-ticket-requester{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 24px;width:fit-content;max-width:100%;margin:0;padding:0;font-size:13px;line-height:1.6}
.phoenix-support .ph-ticket-requester dt{margin:0;padding:0;color:var(--ph-muted);font-weight:400;white-space:nowrap}
.phoenix-support .ph-ticket-requester dd{min-width:0;margin:0;padding:0;color:var(--ph-text);overflow-wrap:anywhere}

/* Warm red surfaces for navigation and secondary actions. */
.phoenix-support #content input[type="reset"]:hover,.phoenix-support #content input[type="button"]:hover,.phoenix-support .action-button:hover{background:#341a15;border:1px solid #805044;color:var(--ph-text)}

/* Status messages must grow with their contents instead of inheriting 16px height. */
.phoenix-support #msg_error,.phoenix-support #msg_notice,.phoenix-support #msg_warning,.phoenix-support #msg_info,.phoenix-support .error_bar,.phoenix-support .notice_bar,.phoenix-support .warning_bar,.phoenix-support .warning-banner{display:block;width:100%;max-width:100%;height:auto;min-height:48px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;flex-shrink:0}
/* Keep osTicket's show/hide and positioning logic; draw a local loading indicator. */
.phoenix-support #loading{width:360px;max-width:calc(100vw - 32px);height:auto;min-height:96px;padding:20px 20px 20px 68px;line-height:1.6}
.phoenix-support #loading::before{content:"";position:absolute;left:22px;top:50%;width:24px;height:24px;margin-top:-12px;border:2px solid #59302a;border-top-color:var(--ph-gold);border-radius:50%;animation:ph-support-loading-spin .9s linear infinite}
.phoenix-support #loading h4{margin:0 0 5px;padding:0;color:var(--ph-heading);font-size:16px;line-height:1.4}
.phoenix-support #loading p{margin:0;color:var(--ph-muted);font-size:13px;line-height:1.6}
@keyframes ph-support-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.phoenix-support #loading::before{animation:none}}

/* Registration uses one vertical field column at every screen width. */
.ph-page-account #content .ph-register-field{width:100%;max-width:470px}
.ph-page-account #content .ph-register-field .ph-input-label{display:block;margin:0 0 7px}
.ph-page-account #content .ph-timezone-control{display:flex;align-items:center;gap:8px;width:100%;min-width:0}
.phoenix-support.ph-page-account #content .ph-timezone-control .select2-container{flex:1 1 0;min-width:0;width:0!important;max-width:none}
.ph-page-account #content .ph-timezone-control .action-button{flex:0 0 auto;white-space:nowrap;margin:0;min-height:40px;padding:8px 12px}
.ph-page-account #content .ph-register-field>.error{margin-top:6px}

/* Center every toolbar glyph inside an equal-height control. */
.phoenix-support .redactor-toolbar{line-height:0}
.phoenix-support .redactor-toolbar a.re-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:32px;min-height:0;padding:0!important;margin:0!important;vertical-align:top;line-height:1;font-size:16px}
.phoenix-support .redactor-toolbar a.re-button>i{display:block;margin:0;font-size:16px;line-height:1}