.svdocapi {
--svd-blue: #283C5D;
--svd-blue2: #0D578B;
--svd-yellow: #FAC700;
--svd-grey: #7385A5;
--svd-line: #E0E2E5;
--svd-bg: #F1F3F6;
--svd-radius: 10px;
max-width: 1080px;
margin: 0 auto;
color: var(--svd-blue);
line-height: 1.6;
box-sizing: border-box;
}
.svdocapi *, .svdocapi *::before, .svdocapi *::after { box-sizing: inherit; }
.svdocapi a { color: var(--svd-blue2); }
.svdocapi code {
font-size: .9em;
background: var(--svd-bg);
padding: .1em .35em;
border-radius: 4px;
word-break: break-word;
}
.svdocapi-userbar { text-align: right; font-size: .9rem; color: var(--svd-grey); margin: 0 0 1rem; }
.svdocapi-muted { color: var(--svd-grey); }
.svdocapi-small { font-size: .9rem; }
.svdocapi-nowrap { white-space: nowrap; }
.svdocapi-section { margin: 0 0 2.5rem; }
.svdocapi-section > h2, .svdocapi-content h2 {
font-size: 1.4rem;
margin: 0 0 1rem;
padding-bottom: .4rem;
border-bottom: 3px solid var(--svd-yellow);
display: inline-block;
}
.svdocapi-content h2 { display: block; border-bottom-width: 0; border-left: 4px solid var(--svd-yellow); padding: 0 0 0 .6rem; margin-top: 2rem; }
.svdocapi-content ul { padding-left: 1.2rem; }
.svdocapi-content li { margin-bottom: .45rem; } .svdocapi-box {
max-width: 480px;
margin: 1rem auto 2rem;
padding: 1.75rem;
background: #fff;
border: 1px solid var(--svd-line);
border-radius: var(--svd-radius);
box-shadow: 0 6px 20px rgba(40, 60, 93, .08);
}
.svdocapi-box h2 { margin-top: 0; font-size: 1.4rem; }
.svdocapi-login form p { margin: 0 0 1rem; }
.svdocapi-login label { display: block; font-weight: 600; margin-bottom: .25rem; }
.svdocapi-login .login-remember label { display: inline; font-weight: 400; }
.svdocapi-login input[type="text"], .svdocapi-login input[type="password"] {
width: 100%;
padding: .6rem .75rem;
border: 1px solid var(--svd-grey);
border-radius: 6px;
font-size: 1rem;
}
.svdocapi-login input[type="submit"], .svdocapi-btn {
display: inline-block;
background: var(--svd-blue);
color: #fff !important;
border: 0;
border-radius: 6px;
padding: .6rem 1.2rem;
font-weight: 600;
text-decoration: none;
cursor: pointer;
line-height: 1.3;
}
.svdocapi-login input[type="submit"]:hover, .svdocapi-btn:hover { background: var(--svd-blue2); }
.svdocapi-login input:focus-visible, .svdocapi-btn:focus-visible, .svdocapi a:focus-visible { outline: 3px solid var(--svd-yellow); outline-offset: 2px; } .svdocapi-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.svdocapi-card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--svd-line);
border-top: 4px solid var(--svd-blue);
border-radius: var(--svd-radius);
padding: 1.1rem 1.2rem;
}
.svdocapi-card p { margin: 0; }
.svdocapi-card-kind { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--svd-grey); font-weight: 600; }
.svdocapi-card-version { font-size: 1.6rem; font-weight: 700; line-height: 1.2; margin-top: .3rem !important; }
.svdocapi-card-date { color: var(--svd-grey); font-size: .95rem; }
.svdocapi-card-action { margin-top: auto !important; padding-top: 1rem; }
.svdocapi-ext { font-weight: 400; opacity: .8; font-size: .85em; margin-left: .2em; }
.svdocapi-notes { margin-top: .8rem; padding: .6rem .8rem; background: var(--svd-bg); border-radius: 6px; font-size: .92rem; }
.svdocapi-notes p { margin: 0 0 .4rem; }
.svdocapi-notes p:last-child { margin-bottom: 0; }
.svdocapi-notes-title { font-weight: 600; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--svd-grey); } .svdocapi-links { list-style: none; padding: 0; margin: 0 0 1.25rem; }
.svdocapi-links li { padding: .5rem 0; border-bottom: 1px solid var(--svd-line); }
.svdocapi-links li:last-child { border-bottom: 0; }
.svdocapi-links a { font-weight: 600; }
.svdocapi-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.svdocapi-table, .svdocapi-content table { width: 100%; border-collapse: collapse; font-size: .95rem; margin: 0 0 1rem; }
.svdocapi-table th, .svdocapi-table td, .svdocapi-content table th, .svdocapi-content table td {
text-align: left;
vertical-align: top;
padding: .6rem .75rem;
border-bottom: 1px solid var(--svd-line);
}
.svdocapi-table thead th, .svdocapi-content table thead th { background: var(--svd-bg); font-weight: 600; }
.svdocapi-content table td:first-child { min-width: 230px; }
.svdocapi-content table td:first-child code { white-space: nowrap; }
@media (max-width: 640px) {
.svdocapi-table, .svdocapi-table thead, .svdocapi-table tbody, .svdocapi-table tr, .svdocapi-table th, .svdocapi-table td { display: block; }
.svdocapi-table thead { display: none; }
.svdocapi-table tr { border: 1px solid var(--svd-line); border-radius: 8px; margin-bottom: .75rem; padding: .25rem 0; }
.svdocapi-table th, .svdocapi-table td { border-bottom: 0; padding: .3rem .75rem; }
.svdocapi-table th[scope="row"] { background: var(--svd-bg); }
.svdocapi-table td[data-label]::before { content: attr(data-label) " : "; font-weight: 600; color: var(--svd-grey); }
.svdocapi-table td.svdocapi-empty { display: none; }
.svdocapi-table code { white-space: normal; }
.svdocapi-content table td:first-child { min-width: 0; }
.svdocapi-content table td:first-child code { white-space: normal; }
.svdocapi-box { padding: 1.25rem; }
.svdocapi-userbar { text-align: left; }
.svdocapi-content table, .svdocapi-content thead, .svdocapi-content tbody, .svdocapi-content tr, .svdocapi-content th, .svdocapi-content td { display: block; }
.svdocapi-content thead { display: none; }
.svdocapi-content tr { border: 1px solid var(--svd-line); border-radius: 8px; margin-bottom: .75rem; }
.svdocapi-content td { border-bottom: 0; }
.svdocapi-content td:first-child { background: var(--svd-bg); font-weight: 600; }
}