*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#16233c}header{height:74px;background:#071c3d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 4px 18px #071c3d33}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-size:28px}.brand span{display:flex;flex-direction:column}.brand small{font-size:9px;letter-spacing:2px}button{border:0;border-radius:9px;padding:11px 18px;font-weight:700;cursor:pointer}header button{background:#ed1c24;color:#fff}main{max-width:1080px;margin:34px auto;padding:0 18px}.welcome{background:linear-gradient(120deg,#092452,#1456a0);color:#fff;padding:30px;border-radius:18px}.welcome h1{margin:5px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 6px 24px #10274b12}.card h3{margin-top:0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail div{background:#f6f8fc;padding:12px;border-radius:10px}.detail small{display:block;color:#68768d;margin-bottom:4px}.wide{grid-column:span 2}.ticket-form label{display:block;margin:12px 0 6px;font-weight:700}.ticket-form textarea,.ticket-form select,.ticket-form input{width:100%;padding:12px;border:1px solid #ccd5e3;border-radius:9px}.ticket-form button{margin-top:14px;background:#ed1c24;color:#fff}.tickets{list-style:none;padding:0}.tickets li{border-bottom:1px solid #e7ebf2;padding:12px 0}.error{text-align:center;background:#fff;padding:40px;border-radius:18px}.ok{color:#168348;font-weight:700}@media(max-width:800px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.detail{grid-template-columns:1fr}}

/* Keep long customer names, IDs and notes within narrow screens. */
.card,.ticket,.ticket-grid>div,.detail>div,.grid>section{min-width:0;overflow-wrap:anywhere}input,select,textarea{max-width:100%}

.brand .signal-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e31b23;color:#fff;flex-shrink:0}.brand b{color:#e31b23}

.customer-account-actions{display:flex;align-items:center;gap:8px}.customer-account-actions [hidden]{display:none!important}#customerPasswordBox{scroll-margin-top:18px}#customerPasswordBox input{font-size:16px}@media(max-width:760px){body>header{height:auto;min-height:74px;flex-wrap:wrap;gap:12px;padding:14px 18px}.customer-account-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.customer-account-actions button{font-size:14px;min-height:42px}#customerPasswordBox{padding:18px;min-width:0}#customerPasswordBox button{width:100%;min-height:44px}}