body{margin:0;background:#f4f5f1;min-height:100vh}header{padding:calc(14px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line)}header img{width:42px;height:42px;object-fit:contain}header strong{display:block;font-size:19px;font-weight:650}header span{display:block;font-size:12px;color:var(--muted)}#connection{font-size:12px;text-align:right;margin-left:auto}.notifications-link{font-size:12px;margin-left:auto}.ts-theme main{max-width:1220px;margin:auto;padding:30px 24px calc(112px + env(safe-area-inset-bottom));overflow-wrap:anywhere;min-width:0}.ts-theme .grid{display:grid;gap:0 20px}.ts-theme .detail{max-width:690px;margin:auto}.ts-theme .cloud-login{max-width:440px;background:#fff;padding:26px;border:1px solid var(--line);border-radius:10px;margin-top:28px}.cloud-login button{width:100%;margin-top:22px}.ts-theme .card h2{margin-top:8px}.ts-theme .card .actions>a{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600}.ts-theme .meta{margin:20px 0}.ts-theme .meta strong{overflow-wrap:anywhere}.ts-theme .actions>*{flex:0 1 auto}.ts-theme .detail>.actions{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.ts-theme .detail>.actions>*{flex:1}.ts-theme #notice:not(:empty){padding:14px 24px;background:#faf0dc;color:#765124;border-bottom:1px solid #e7d2ad;font-size:14px}.ts-theme nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:4px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid var(--line);z-index:10}.ts-theme nav a{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px 6px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:600;border-radius:7px}.ts-theme nav a.active{color:var(--primary);background:#eaf0e9}.ts-theme nav svg{width:19px;height:19px}.ts-theme dialog{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:12px;width:min(480px,calc(100% - 28px));padding:26px;max-height:calc(100dvh - 50px);overflow:auto}.ts-theme dialog::backdrop{background:#172a2b88}.ts-theme dialog .actions{flex-direction:column}.ts-theme .big-status{font-size:27px;font-weight:750;color:var(--success)}.ts-theme .big-status.bad{color:var(--danger)}.ts-theme .registry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:0 18px}.ts-theme .report-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0}.ts-theme .report-search input{flex:1;min-width:170px}.ts-theme .report-search button{white-space:nowrap}.ts-theme .detail .card .actions{display:none}.ts-theme .notification-state{border-left:3px solid var(--secondary);padding-left:16px}.ts-theme .technical-content{white-space:pre-wrap;overflow-wrap:anywhere}.ts-theme .list-heading{margin-top:30px}.ts-theme .account-strip{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.ts-theme .account-strip p{margin:0}
@media(min-width:900px){body{display:grid;grid-template-columns:192px minmax(0,1fr);grid-template-rows:auto auto 1fr}header{grid-column:1/-1;position:sticky;top:0;z-index:11}.ts-theme #notice{grid-column:2}.ts-theme main{grid-column:2;width:100%;padding:34px 36px 60px}.ts-theme nav{grid-column:1;grid-row:2/4;position:sticky;top:72px;align-self:start;bottom:auto;min-height:calc(100vh - 72px);flex-direction:column;justify-content:flex-start;padding:24px 15px;border:0;border-right:1px solid var(--line);background:#f8f9f5}.ts-theme nav a{flex-direction:row;justify-content:flex-start;gap:12px;padding:13px 14px;min-height:47px;font-size:14px}.ts-theme .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-theme .detail>.actions{bottom:20px}.ts-theme .registry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){header{padding-left:16px;padding-right:16px;gap:9px}header strong{font-size:17px}header img{width:36px;height:36px}#connection{display:none}.ts-theme main{padding-left:16px;padding-right:16px}.ts-theme h1{font-size:27px}.ts-theme .card{padding:18px}.ts-theme .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ts-theme .stats .card{padding:14px}.ts-theme .stat{font-size:27px}.ts-theme .detail>.actions{padding:10px;gap:8px}.ts-theme .detail>.actions button{min-height:48px}.ts-theme .meta{gap:16px 12px}}
