:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}
[hidden]{display:none!important}
a{color:var(--blue)}
h2{font-size:18px;margin:0 0 14px}h3{font-size:15px;margin:20px 0 10px}
.muted,.preview-note{color:var(--muted)}
.preview-note{font-size:13px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;margin:20px 0}
label{display:grid;gap:6px;margin:14px 0;font-size:14px}
input,textarea,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}
textarea{resize:vertical}
button,.button{padding:10px 16px;border:1px solid var(--line);font:inherit;cursor:pointer}
.button{display:inline-block;text-decoration:none;border-radius:6px}
button:disabled{opacity:.6;cursor:wait}
form button{margin-top:6px}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plan{border:1px solid var(--line);border-radius:8px;padding:18px}
.price{font-size:24px;margin:8px 0}
.history{padding-left:20px}
.history li{margin:10px 0;overflow-wrap:anywhere}
code{overflow-wrap:anywhere}
details{margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:6px}
summary{cursor:pointer}
#notice:not(:empty){padding:12px;border:1px solid var(--line);border-radius:6px}
.approval-form{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.check{display:flex;align-items:flex-start;gap:8px}.check input{width:auto;margin-top:5px}
@media(max-width:767px){
 .jr-shell{display:block}.jr-sidebar{display:flex;position:static;width:auto;height:auto;padding:16px;gap:12px;box-shadow:none;border-left:0;border-right:0;border-bottom:1px solid var(--line)}
 .jr-nav{flex-direction:row;flex-wrap:wrap}.jr-nav a{width:auto;font-size:13px;min-height:44px}
 .jr-sidebar-footer{padding-top:8px;gap:8px}.jr-content{padding:22px 16px}.panel{padding:18px}
 .plan-grid{grid-template-columns:1fr}h1{font-size:24px}button,.button{min-height:44px}
}

.jr-brand-logo{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:contain}
