:root{--sd-sidebar: #0d777b;--sd-accent: #0d777b;--sd-accent-soft: #d6f2ed;--sd-canvas: #f2f7f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17383b;background:var(--sd-canvas);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,input,select{min-height:44px}button{cursor:pointer;border:1px solid #aecacb;border-radius:10px;color:#0b5559;background:#fff;padding:.6rem .85rem}button:disabled{opacity:.52;cursor:default}:focus-visible{outline:3px solid var(--sd-accent);outline-offset:2px}.shell{min-height:100dvh;padding-bottom:max(80px,calc(70px + var(--tg-safe-area-inset-bottom, 0px)))}.topbar{display:flex;align-items:center;gap:.8rem;color:#fff;background:var(--sd-sidebar);padding:max(.75rem,var(--tg-safe-area-inset-top, 0px)) 1rem .75rem}.topbar strong,.topbar small{display:block}.topbar small{opacity:.84;font-size:.75rem}.brand{width:40px;height:40px;display:inline-grid;place-items:center;flex:none;border-radius:12px;color:var(--sd-sidebar);background:var(--sd-accent-soft);font-weight:800}.brand img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.content{width:min(100%,760px);margin:auto;padding:1rem}h1{font-size:1.4rem;line-height:1.25;margin:.2rem 0 1rem}h2{font-size:1.08rem;margin:0 0 .85rem}p{line-height:1.5;overflow-wrap:anywhere}.panel,.ticket-card{background:#fff;border:1px solid #d5e6e6;border-radius:15px;box-shadow:0 3px 14px #124f5610}.panel{padding:1rem;margin-bottom:.85rem}.entry{min-height:100dvh;display:grid;align-items:center;padding:1rem}.entry .panel{max-width:440px;width:100%;margin:auto}.entry .brand{margin-bottom:1rem}.eyebrow{color:#567779;font-size:.82rem;font-weight:650}.status-label:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;background:var(--status-color)}.meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:#537175;font-size:.85rem}.breach,.meta b{color:#ac362f}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.section-heading span{color:#567779;font-size:.85rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}label{display:grid;gap:.35rem;font-size:.88rem;font-weight:600}input,select,textarea{width:100%;border:1px solid #acc8c9;border-radius:10px;padding:.6rem .75rem;color:#17383b;background:#fff}textarea{resize:vertical;min-height:110px}.ticket-list{display:grid;gap:.65rem}.ticket-card{width:100%;text-align:left;display:grid;gap:.45rem;padding:.9rem 1rem}.ticket-card strong{font-size:1rem;overflow-wrap:anywhere}.ticket-card:hover{border-color:var(--sd-accent)}.pagination,.actions,.mode{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.pagination{justify-content:space-between;margin:1rem 0}.text-button{border:0;padding-left:0;background:transparent;text-align:left}.primary{color:#fff;background:var(--sd-accent);border-color:var(--sd-accent);width:100%}.mode{margin:1rem 0}.mode button[aria-pressed=true]{color:#fff;background:var(--sd-accent);border-color:var(--sd-accent)}.field{margin:.8rem 0}.messages,.files{list-style:none;margin:0;padding:0}.messages li{border-left:3px solid #61b9b4;padding:.5rem .75rem;margin:.75rem 0;background:#f5fafa;border-radius:0 8px 8px 0}.messages li.client-message{border-color:#7189aa;background:#f0f4fa}.messages li.staff-message{margin-left:1.25rem}.messages li.internal-message{border-color:#ceaa5a;background:#fffaf0}.messages p{margin:.45rem 0 0;white-space:pre-wrap}.files li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid #e6eeee}.files span{font-size:.8rem;color:#7d6228}.alert,.notice{padding:.7rem .9rem;border-radius:10px}.alert{color:#9b2a23;background:#fce9e6}.notice{color:#176244;background:#e6f6ed}.empty{text-align:center;color:#537175;padding:2rem 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.55rem .65rem max(.55rem,var(--tg-safe-area-inset-bottom, 0px));background:#fff;border-top:1px solid #d5e6e6}.bottom-nav button{border:0;background:transparent;font-weight:650}.bottom-nav button[aria-current=page]{color:#0d777b;background:#e5f5f3}@media(max-width:380px){.content{padding:.65rem}.panel{padding:.85rem}.actions>button,.actions>label{width:100%}}