inside must not look like inline code */
.chat-bubble pre > code,
#history pre > code, #request pre > code, #response pre > code {
display: block;
padding: 0;
margin: 0;
border-radius: 0;
background: transparent;
color: inherit;
white-space: inherit; /* follow pre */
}
.dawid-streaming-plain {
margin: 0.35em 0;
white-space: pre-wrap; /* for streaming it’s OK to wrap */
overflow-x: auto;
padding: 12px;
border-radius: 6px;
background: rgba(0,0,0,0.03); /* or use var */
border: 1px solid var(--c-primary-gray);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 13px;
}
.dawid-streaming-plain code {
background: transparent;
padding: 0;
}
/* ===== HOTFIX: inline code must stay inline ===== */
#history p code,
#request p code,
#response p code,
.chat-bubble p code,
#history li code,
#request li code,
#response li code,
.chat-bubble li code {
display: inline !important;
white-space: pre-wrap !important;
vertical-align: baseline !important;
}
/* Ensure code blocks remain blocks */
#history pre > code,
#request pre > code,
#response pre > code,
.chat-bubble pre > code {
display: block !important;
white-space: inherit !important;
}
.assistant-label { margin: 0 0 6px 0; }
/* ===========================
Footer
=========================== */
.dawid-footer{
margin-top: 0px;
padding-top: 12px;
border-top: 1px solid var(--c-primary-gray);
color: var(--c-gray-dark);
font-size: 12px;
text-align: center;
}
.dawid-footer__inner{
width: 95%;
margin: 0 auto;
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.dawid-footer__left,
.dawid-footer__right{
display: inline-flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.dawid-footer__sep{
opacity: 0.7;
}
.dawid-footer__link{
color: var(--c-primary);
text-decoration: none;
border-bottom: 1px dotted transparent;
}
.dawid-footer__link:hover{
border-bottom-color: currentColor;
}
.dawid-footer__muted{
opacity: 0.7;
}
.auth-shell .dawid-footer{
margin-bottom: 12px;
}
body.auth-body{
margin-top: 0;
}
body.auth-body .auth-shell{
min-height: 100vh;
min-height: 100svh;
min-height: 100dvh;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
body.auth-body .auth-main{
flex: 1 1 auto;
min-height: 0; /* key */
overflow: auto;
padding: 10px 0;
box-sizing: border-box;
}
/* ===========================
AUTH: eliminate micro-scroll
=========================== */
/* 1) Prevent document scroll on auth pages */
html, body.auth-body{
height: 100%;
}
body.auth-body{
overflow: hidden; /* key: the page itself must not scroll */
}
/* 2) Make shell exactly viewport height (avoid rounding from min-height) */
body.auth-body .auth-shell{
height: 100dvh; /* modern */
height: 100svh; /* fallback for some browsers */
height: 100vh; /* fallback */
}
/* 3) Only main may scroll (if content truly doesn't fit) */
body.auth-body .auth-main{
overflow: auto;
min-height: 0;
}
/* Optional: tighten bottom margin too (choose one) */
body.auth-body h2{ margin-bottom: 12px; }