:root{--ink:#18332f;--muted:#6e7c78;--accent:#176f5e;--line:#e2e9e5;--paper:#fff;--wash:#f4f7f5;--sidebar:#102e29;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--wash);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{min-width:0;background:var(--sidebar);color:#e9f3ec;display:flex;flex-direction:column;padding:36px 24px;min-height:100vh}.brand{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0;max-width:100%;color:inherit;font-weight:650;line-height:1.4}.brand-name{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.brand small{display:block;color:#9ebcb1;font-size:12px;letter-spacing:.03em;font-weight:400}.brand-mark{display:grid;place-items:center;background:#d2ead9;color:#143b2e;border-radius:12px;width:42px;height:42px;font-size:25px;flex-shrink:0}.logo{display:block;width:100%;max-width:220px;max-height:110px;object-fit:contain;background:white;border-radius:6px;padding:8px}.nav-label{margin:60px 12px 12px;color:#86a69b;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.16em}.nav-link{display:flex;gap:14px;align-items:center;color:#d8e8df;border-radius:7px;padding:13px 12px;margin:5px 0;font-size:14px}.nav-link:hover{background:#22473d;text-decoration:none}.nav-link span{font-size:21px}.sidebar-foot{margin-top:auto;padding:48px 12px 0;color:#89aa9d;font-size:12px;line-height:1.6}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{min-height:88px;padding:20px 44px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:16px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:var(--accent);font-weight:650}.top-actions,.language-form{display:flex;gap:10px;align-items:center}.language-form select{margin:0;width:auto;padding:8px 12px;font-size:13px;border:1px solid var(--line)}main{width:100%;max-width:1500px;margin:auto;padding:44px;flex:1}footer{padding:20px 44px;color:var(--muted);font-size:12px;display:flex;flex-wrap:wrap;overflow-wrap:anywhere;gap:12px}h1{font-size:34px;letter-spacing:-.035em;line-height:1.2;margin:12px 0}h2{font-size:18px;letter-spacing:-.02em;margin:0 0 12px}p{line-height:1.65}label{display:block;font-weight:600;font-size:13px;margin:22px 0 8px}input:not([type=checkbox]):not([type=hidden]),textarea,select{display:block;width:100%;padding:12px 14px;border:1px solid #ccd9d1;border-radius:6px;background:#fff;color:var(--ink)}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 19px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.button:hover{text-decoration:none;filter:brightness(.96)}.primary{background:var(--accent);color:white}.secondary{background:#fff;border-color:#d8e2da;color:var(--ink)}.subtle{background:transparent;color:var(--muted);padding:8px 9px;font-size:12px}.full{width:100%;margin-top:26px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:0 3px 12px #12352803}.narrow{max-width:490px;margin:30px auto}.muted{color:var(--muted);font-size:13px}.auth-page{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;max-width:1000px;margin:55px auto}.auth-intro h1{font-size:46px;max-width:390px}.auth-intro p{max-width:350px;color:var(--muted)}.intro-line{width:44px;height:3px;background:#a4c6b0;margin:32px 0}.auth-panel{padding:36px}.text-link{font-size:13px;display:inline-block}.auth-panel .text-link,.narrow>.text-link{margin-top:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.page-heading p{font-size:14px;color:var(--muted);margin-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.panel-heading h2{margin:0}.ticket-list{padding:26px 0 0}.ticket-list .panel-heading{padding:0 26px 24px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f9fbf9;padding:14px 26px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}td{padding:21px 26px;border-top:1px solid var(--line)}.ticket-title{font-size:14px;color:var(--ink);font-weight:600;display:block;margin-bottom:8px}.ticket-id{display:block;color:var(--muted);font-size:11px;letter-spacing:.04em}.heading-id{margin-top:25px}.date{font-size:12px;color:var(--muted);white-space:nowrap}.status{display:inline-flex;border-radius:5px;padding:6px 10px;font-size:11px;font-weight:600;white-space:nowrap}.status-0{background:#e5f2e6;color:#2c6c39}.status-1{background:#e7effa;color:#345c91}.status-2{background:#fff1d7;color:#906319}.status-3{background:#e6f3f1;color:#296c62}.status-4{background:#edf0ed;color:#68766c}.pagination{display:flex;justify-content:flex-end;gap:12px;padding:20px 26px;border-top:1px solid var(--line);min-height:68px}.empty-state{text-align:center;padding:70px 25px;color:var(--muted)}.editor{max-width:900px}.editor form>label:first-of-type{margin-top:0}.field-hint{font-size:12px;color:var(--muted);margin-top:8px}.check{display:flex;gap:10px;align-items:center;font-weight:400}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.ticket-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.ticket-aside .panel{margin-bottom:24px;padding:24px}.ticket-aside h2{font-size:15px}.conversation{padding:28px 0 0}.conversation .panel-heading{padding:0 28px 24px}.message{padding:26px 28px;border-top:1px solid var(--line)}.message-meta{display:flex;justify-content:space-between;gap:18px;font-size:12px;margin-bottom:17px}.message-meta time{color:var(--muted);font-size:11px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.email-message{white-space:normal}.email-message p{white-space:pre-wrap;line-height:1.5;margin:0 0 .35em}.email-message p:last-child{margin-bottom:0}.original{background:#fafcf9}.reply-editor{margin-top:24px}dt{font-size:11px;color:var(--muted);margin:22px 0 6px}dd{margin:0;font-size:13px}.file-link{display:block;font-size:12px;padding:12px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.file-link small{display:block;color:var(--muted);margin:6px 0 0 14px}.notice{background:#e4f2e8;border:1px solid #c9e1cd;border-radius:6px;padding:16px 20px;font-size:14px;margin-bottom:25px}.validation{color:#9c3e32;font-size:13px}.validation ul{padding-left:18px}.validation:empty,.validation-summary-valid{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){main{padding:56px 64px}}@media(max-width:1100px){.shell{grid-template-columns:210px 1fr}.sidebar{padding:30px 18px}main{padding:30px}.topbar{padding:20px 30px}.auth-page{gap:30px}.auth-intro h1{font-size:36px}.ticket-grid{grid-template-columns:1fr}.ticket-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:750px){.shell{display:block}.sidebar{min-height:auto;padding:18px 22px}.brand small{font-size:11px}.nav-label,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:12px;margin-top:14px}.nav-link{font-size:12px;padding:8px 10px;margin:0}.topbar{padding:15px 20px;min-height:70px;flex-wrap:wrap}.topbar>.eyebrow{display:none}.top-actions{width:100%;justify-content:space-between}.language-form{gap:4px}main{padding:25px 18px}.auth-page{display:block;margin:15px auto}.auth-intro{margin-bottom:30px}.auth-intro h1{font-size:32px;max-width:none}.intro-line,.auth-intro>.muted{display:none}.auth-panel{padding:26px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}h1{font-size:28px}.panel{padding:22px}.ticket-list{padding:22px 0 0}td,th{padding:15px 18px}.ticket-aside{display:block}.message-meta{flex-direction:column;gap:7px}.panel-heading>.muted{display:none}.message{padding:22px}.narrow{margin:10px auto}footer{padding:20px}}
