:root{font-family:"Noto Sans Arabic",Arial,sans-serif;color:#182824;background:#f9fbfa;font-size:14px;letter-spacing:0;line-height:1.8}
html[lang=en]{font-family:Arial,sans-serif;font-size:16px;line-height:1.5}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{border-bottom:1px solid #d5e0db;background:#fff}.header-inner{max-width:1120px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;color:#173e31}nav{display:flex;align-items:center;gap:22px}a{color:#176549}main{max-width:1120px;margin:auto;padding:28px 24px 64px}h1{font-size:28px;margin:0 0 4px}h2{font-size:21px;margin:0 0 18px}h3{font-size:18px;overflow-wrap:anywhere;margin:20px 0 8px}p{margin:8px 0 16px}.muted{color:#536760;font-size:14px}.boundary{border-inline-start:3px solid #b59234;padding:10px 16px;background:#f4f3ec}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:32px}.workspace>section{min-width:0}label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}input,textarea,select,button{font:inherit;letter-spacing:0}input,textarea,select{border:1px solid #a9bcb2;background:white;color:#182824;border-radius:4px;padding:10px 12px;max-width:100%}input,textarea{width:100%}textarea{resize:vertical;min-height:100px}.secret{font-family:Consolas,monospace;font-size:14px;direction:ltr}button{border:1px solid #96aea0;border-radius:4px;padding:9px 14px;color:#204332;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;max-width:100%;white-space:normal}.primary{background:#176549;color:white;border-color:#176549}button:disabled{opacity:.55;cursor:wait}button:hover:enabled{background:#e6efe9}.primary:hover:enabled{background:#13553d}svg{width:20px;height:20px;flex-shrink:0}.icon-button{width:42px;height:42px;padding:9px;flex-shrink:0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}.actions label{margin:0}form>button{margin-top:14px}:focus-visible{outline:3px solid #b58a26;outline-offset:3px}.messages{list-style:none;padding:0;margin:20px 0}.messages li{border-bottom:1px solid #d5e0db;padding:14px 0}.messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.messages small{color:#536760}.inbox{list-style:none;padding:0}.inbox li{border-bottom:1px solid #d5e0db;padding:10px 0}.inbox button{width:100%;justify-content:space-between;text-align:start;overflow-wrap:anywhere}.inbox small{flex-shrink:0}#notice.error{color:#9a2631}#issued{border-top:1px solid #d5e0db;margin-top:24px;padding-top:4px}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;padding:10px}.skip-link:focus{top:8px}#owner-ticket{max-width:680px;margin-top:28px}
@media(max-width:700px){.workspace{grid-template-columns:minmax(0,1fr);gap:36px}.workspace>section+section{border-top:1px solid #d5e0db;padding-top:28px}main{padding:24px 18px 48px}.header-inner{padding:14px 18px}.inbox button{align-items:flex-start;flex-direction:column;gap:4px}}

/* Shared Arraf public identity, including the account support surface. */
:root { color: #1e242b; background: #fff; }
header, .messages li, .inbox li, #issued { border-color: #e3e7ed; }
.brand { color: #1e242b; font: 800 39px/1 Arial, sans-serif; }
.brand img { display: none; }
.brand span::after { content: "."; color: #2455e6; }
.brand span { direction: ltr; unicode-bidi: isolate; }
a { color: #2455e6; }
.muted, .messages small { color: #66707e; }
.boundary { border-color: #2455e6; background: #f1f4fb; }
input, textarea, select, button { border-color: #ccd4df; color: #1e242b; }
.primary { background: #2455e6; border-color: #2455e6; color: #fff; }
button:hover:enabled { background: #f1f4fb; }
.primary:hover:enabled { background: #1944c5; }
:focus-visible { outline-color: #2455e6; }
#notice.error { color: #bd293d; }
h1 { font-size: 26px; }
h2 { font-size: 18px; }
@media(max-width:700px) {
  .brand { font-size: 32px; }
  h1 { font-size: 23px; }
  input, textarea, select { font-size: 16px; }
  .workspace > section + section { border-color: #e3e7ed; }
}