@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";
.pt{--ok:var(--ok-ink);--warn:#8a6d13;--info:var(--petrol-ink);min-height:100vh;color:var(--ink);background:var(--paper);grid-template-columns:240px 1fr;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:grid}.pt-side{background:var(--ink);color:#ffffff9e;flex-direction:column;gap:2px;padding:20px 14px;display:flex}.pt-brand{align-items:center;gap:10px;padding:4px 8px 18px;text-decoration:none;display:flex}.pt-mark{background:var(--paper);width:34px;height:34px;color:var(--petrol);font-weight:700;font-size:var(--t-small);border-radius:3px;place-items:center;display:inline-grid}.pt-brand b{color:#fff;font-size:var(--t-body);letter-spacing:-.2px;font-weight:700;line-height:1.1}.pt-brand small{color:var(--petrol-quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-micro);letter-spacing:1.6px;font-weight:400;display:block}.pt-nav{color:#ffffffb8;font-size:var(--t-small);border-radius:2px;align-items:center;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.pt-nav:hover{color:#fff;background:#ffffff0f}.pt-nav.active{background:var(--petrol);color:#fff}.pt-side-sep{border-top:1px solid #ffffff1a;margin:12px 4px}.pt-side-foot{font-size:var(--t-caption);color:#ffffff6b;margin-top:auto;padding:8px}.pt-main{flex-direction:column;display:flex}.pt-top{background:var(--paper-2);border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;padding:14px 26px;display:flex}.pt-top h1{font-size:var(--t-h3);color:var(--ink);letter-spacing:-.4px;margin:0;font-weight:700}.pt-user{font-size:var(--t-small);color:var(--graphite);align-items:center;gap:10px;display:flex}.pt-avatar{background:var(--petrol);color:#fff;width:30px;height:30px;font-size:var(--t-caption);border-radius:50%;place-items:center;font-weight:700;display:grid}.pt-content{width:100%;max-width:980px;padding:26px}.pt-actions{flex-wrap:wrap;gap:12px;margin:6px 0 26px;display:flex}.pt-btn{background:var(--ink);color:var(--paper-2);font-weight:600;font-size:var(--t-small);cursor:pointer;border:1px solid #0000;border-radius:2px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;text-decoration:none;transition:all .15s;display:inline-flex}.pt-btn:hover{background:var(--petrol)}.pt-btn.ghost{background:var(--paper-2);color:var(--ink);border-color:var(--hair)}.pt-btn.ghost:hover{background:var(--paper-2);border-color:var(--ink)}.pt-section-h{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.18em;color:var(--graphite);margin:26px 0 12px;font-weight:400}.pt-panel{background:var(--paper-2);border:1px solid var(--hair);border-radius:2px;overflow:hidden}.pt-row{border-bottom:1px solid var(--hair);color:var(--ink);font-size:var(--t-small);grid-template-columns:70px 1fr 110px 140px 90px;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:grid}.pt-row:last-child{border-bottom:none}.pt-row:hover{background:var(--paper-3)}.pt-row.head{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.14em;color:var(--graphite);background:var(--paper-3);font-weight:400}.pt-id{color:var(--graphite);font-variant-numeric:tabular-nums}.pt-subj{color:var(--ink);font-weight:600}.pt-badge{font-size:var(--t-caption);border-radius:2px;padding:3px 9px;font-weight:600;display:inline-block}.pt-b-open{color:var(--info);background:#0d4a5017}.pt-b-wait{background:var(--paper-3);color:var(--warn)}.pt-b-done{background:var(--ok-bg);color:var(--ok)}.pt-pri{font-size:var(--t-small)}.pt-pri.high{color:var(--err-ink);font-weight:700}.pt-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pt-input{border:1px solid var(--hair);font-size:var(--t-small);color:var(--ink);background:#fff;border-radius:2px;padding:9px 12px;font-family:inherit}.pt-input.grow{flex:1;min-width:180px}.pt-case-meta{color:var(--graphite);font-size:var(--t-small);margin:2px 0 18px}.pt-msg{max-width:78%;margin:0 0 16px}.pt-msg .who{font-size:var(--t-caption);color:var(--graphite);margin-bottom:5px}.pt-msg .bubble{font-size:var(--t-small);border-radius:2px;padding:13px 16px;line-height:1.55}.pt-msg.them .bubble{background:var(--paper-2);border:1px solid var(--hair)}.pt-msg.you{margin-left:auto}.pt-msg.you .who{text-align:right}.pt-msg.you .bubble{background:var(--petrol);color:var(--on-petrol)}.pt-attach{font-size:var(--t-caption);color:var(--info);margin-top:6px}.pt-reply{gap:10px;margin-top:18px;display:flex}.pt-reply textarea{border:1px solid var(--hair);font-size:var(--t-small);resize:vertical;min-height:56px;color:var(--ink);border-radius:2px;flex:1;padding:12px;font-family:inherit}.pt-form{background:var(--paper-2);border:1px solid var(--hair);border-radius:2px;max-width:640px;padding:22px}.pt-form label{font-size:var(--t-small);color:var(--ink);margin:14px 0 6px;font-weight:600;display:block}.pt-form input,.pt-form select,.pt-form textarea{border:1px solid var(--hair);width:100%;font-size:var(--t-small);color:var(--ink);background:#fff;border-radius:2px;padding:10px 12px;font-family:inherit}.pt-form .row{gap:14px;display:flex}.pt-form .row>div{flex:1}.pt-drop{border:1px dashed var(--hair);text-align:center;color:var(--graphite);font-size:var(--t-small);border-radius:2px;padding:18px}.pt-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.pt-kb-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.pt-kb{background:var(--paper-2);border:1px solid var(--hair);color:var(--ink);border-radius:2px;padding:18px;text-decoration:none;transition:all .15s;display:block}.pt-kb:hover{border-color:var(--petrol)}.pt-kb-rule{background:var(--petrol);width:22px;height:2px;margin-bottom:14px;transition:width .18s}.pt-kb:hover .pt-kb-rule{width:40px}.pt-kb h3{font-size:var(--t-body);color:var(--ink);letter-spacing:-.2px;margin:0 0 4px;font-weight:700}.pt-kb p{font-size:var(--t-small);color:var(--graphite);margin:0}.pt-chips{flex-wrap:wrap;gap:8px;margin:4px 0 20px;display:flex}.pt-chip{font-size:var(--t-small);background:var(--paper-2);border:1px solid var(--hair);color:var(--ink);border-radius:2px;padding:6px 12px;text-decoration:none}.pt-chip.on{background:var(--petrol);color:var(--on-petrol);border-color:var(--petrol)}.pt-stat{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.pt-stat .box{background:var(--paper-2);border:1px solid var(--hair);border-radius:2px;min-width:130px;padding:16px 20px}.pt-stat .n{font-size:var(--t-figure);color:var(--ink);letter-spacing:-.8px;font-weight:700}.pt-stat .l{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-micro);color:var(--graphite);text-transform:uppercase;letter-spacing:.14em}.pt-cust{font-size:var(--t-caption);color:var(--graphite)}.pt-user-email{color:var(--graphite)}.pt-welcome{color:var(--ink);font-size:var(--t-h2);letter-spacing:-1.1px;margin:0 0 16px;font-weight:700}.pt-empty{color:var(--graphite)}.pt a:focus-visible,.pt button:focus-visible,.pt input:focus-visible,.pt textarea:focus-visible,.pt select:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.pt input:focus,.pt textarea:focus,.pt select:focus{border-color:var(--petrol);outline:none;box-shadow:0 0 0 3px #0d4a501f}@media (max-width:860px){.pt{grid-template-columns:1fr;min-height:100vh}.pt-side{-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:2px;padding:8px 10px;overflow-x:auto}.pt-brand{flex:none;padding:2px 8px 2px 4px}.pt-brand small,.pt-side-foot{display:none}.pt-side-sep{border-top:none;border-left:1px solid #ffffff1f;align-self:stretch;margin:0 6px}.pt-nav{white-space:nowrap;flex:none;padding:8px 10px}.pt-top{padding:12px 16px}.pt-user-email{display:none}.pt-content{padding:16px}.pt-row{grid-template-columns:1fr;gap:4px;padding:14px 16px}.pt-row.head{display:none}.pt-msg{max-width:100%}.pt-toolbar{flex-direction:column;align-items:stretch}.pt-stat{gap:10px}.pt-stat .box{flex:1;min-width:0}}