:root{--doc-primary: #F6821F;--doc-secondary: #0051C3;--doc-text: #111827;--doc-text-sub: #4B5563;--doc-muted: #6B7280;--doc-bg: #FFFFFF;--doc-surface: #F9FAFB;--doc-bg-pattern: #F3F4F6;--doc-border: #E5E7EB;--doc-code-bg: #111827;--doc-code-text: #E5E7EB;--doc-code-viewer-bg: #0f172a;--doc-code-viewer-header: #1e293b;--doc-info-bg: #EFF6FF;--doc-info-border: #BFDBFE;--doc-info-text: #1E40AF;--doc-success-bg: #ECFDF5;--doc-success-border: #A7F3D0;--doc-success-text: #065F46;--doc-warning-bg: #FFFBEB;--doc-warning-border: #FDE68A;--doc-warning-text: #92400E;--doc-error-bg: #FEF2F2;--doc-error-border: #FECACA;--doc-error-text: #991B1B;--doc-font: Pretendard Variable, system-ui, sans-serif;--doc-mono: JetBrains Mono, monospace;--doc-font-size-2xs: .65rem;--doc-font-size-xs: .75rem;--doc-font-size-sm: .875rem;--doc-font-size-base: .95rem;--doc-font-size-md: .9rem;--doc-font-size-lg: 1.125rem;--doc-font-size-h3: 1rem;--doc-font-size-h2: 1.5rem;--doc-font-size-h1: 2.25rem;--doc-font-weight-normal: 400;--doc-font-weight-medium: 500;--doc-font-weight-semibold: 600;--doc-font-weight-bold: 700;--doc-font-weight-extrabold: 800;--doc-line-height-tight: 1.25;--doc-line-height-snug: 1.375;--doc-line-height-normal: 1.5;--doc-line-height-relaxed: 1.625;--doc-line-height-loose: 1.75;--doc-space-0-5: .125rem;--doc-space-1: .25rem;--doc-space-2: .5rem;--doc-space-3: .75rem;--doc-space-4: 1rem;--doc-space-5: 1.25rem;--doc-space-6: 1.5rem;--doc-space-7: 1.75rem;--doc-space-8: 2rem;--doc-space-9: 2.25rem;--doc-space-10: 2.5rem;--doc-space-12: 3rem;--doc-space-14: 3.5rem;--doc-space-16: 4rem;--doc-space-20: 5rem;--doc-radius-sm: 4px;--doc-radius-md: 8px;--doc-radius-lg: 12px;--doc-radius-pill: 9999px;--doc-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--doc-shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .05);--doc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--doc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--doc-shadow-primary: 0 2px 8px rgba(246, 130, 31, .2);--doc-shadow-primary-hover: 0 4px 12px rgba(246, 130, 31, .3)}body{font-family:var(--doc-font);color:var(--doc-text);line-height:1.75;word-break:keep-all}.doc-system{font-family:var(--doc-font);color:#111827;line-height:1.75;word-break:keep-all}.doc-system h1{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em;color:#111827}.doc-system .tag-name{color:#f6821f;font-family:JetBrains Mono,monospace;font-size:1rem;margin-bottom:1.25rem;display:block;font-weight:500}.doc-system .intro-p{font-size:1.125rem;color:#4b5563;margin-bottom:3rem;max-width:70ch;line-height:1.625}.doc-system section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;color:#111827;letter-spacing:-.01em}.doc-system section h2:before{content:"";width:5px;height:1.5rem;background:#f6821f;border-radius:2px;display:inline-block}.doc-system .section-desc{color:#6b7280;margin-bottom:1rem;font-size:.95rem;line-height:1.625}.doc-container{max-width:100%;margin:0 auto}.doc-system section{margin-bottom:3.5rem;scroll-margin-top:80px}.nav-btn-group{display:flex;gap:.5rem;margin-top:.75rem}.nav-btn-primary{background:#f6821f;color:#fff;padding:.5rem 1.25rem;border-radius:4px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #f6821f33}.nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f6821f4d}.nav-btn-primary:focus{outline:2px solid #F6821F;outline-offset:2px}.nav-btn-secondary{background:#fff;border:1px solid #E5E7EB;color:#4b5563;padding:.5rem 1.25rem;border-radius:4px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}.nav-btn-secondary:hover{background:#f9fafb;border-color:#cbcfd7}.nav-btn-secondary:focus{outline:2px solid #0051C3;outline-offset:2px}.mock-ui{box-sizing:border-box;width:100%;display:flex;justify-content:center}.mock-btn{background:#f6821f;color:#fff;padding:.5rem 1rem;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:transform .1s,background .2s;box-shadow:0 2px 4px -1px #f6821f4d;font-size:.9rem}.mock-btn:hover{box-shadow:0 4px 12px #f6821f4d}.mock-btn:active{transform:scale(.96)}.mock-btn:focus{outline:2px solid #F6821F;outline-offset:2px}.doc-system table{width:100%;border-collapse:separate;border-spacing:0;margin-top:.75rem;text-align:left;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.doc-system th{padding:.75rem;background:#f9fafb;border-bottom:1px solid #E5E7EB;color:#4b5563;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.doc-system td{padding:.75rem;border-bottom:1px solid #f3f5f7;vertical-align:top;font-size:.9rem}.doc-system tr:last-child td{border-bottom:none}.doc-system .type-badge{background:#ebf5ff;color:#0051c3;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-family:JetBrains Mono,monospace;font-weight:500}.doc-system .default-val{color:#6b7280;font-size:.875rem;font-family:JetBrains Mono,monospace}.doc-system .prop-name{font-weight:600;color:#111827;font-family:JetBrains Mono,monospace;font-size:.9rem}.doc-system .code-block{background:#111827;color:#e5e7eb;padding:1rem;border-radius:8px;position:relative;font-family:JetBrains Mono,monospace;font-size:.875rem;overflow-x:auto;margin-top:.75rem;border:1px solid rgb(30.7821428571,43.4571428571,70.6178571429)}.doc-system .code-block:after{content:"code";position:absolute;top:0;right:0;background:#1f2b47;padding:.25rem .75rem;font-size:.65rem;border-bottom-left-radius:8px;color:#6b7280;text-transform:uppercase;font-weight:600}.doc-system .example-card{border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;margin-bottom:2.5rem;transition:border-color .2s;box-shadow:0 2px 4px -1px #0000000d;background:#fff}.doc-system .example-card:hover{border-color:#f6821f}.doc-system .example-preview{padding:3rem 1.5rem;background:#fff;border-bottom:1px solid #E5E7EB;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-image:radial-gradient(#F3F4F6 1.5px,transparent 1.5px);background-size:20px 20px}.doc-system .example-preview>*{width:100%}.doc-system .example-details{padding:1.25rem;background:#fff}.doc-system .example-details h3{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:#111827}.doc-system .example-details p{font-size:.9rem;color:#6b7280;margin-bottom:1rem;line-height:1.5}.doc-system .badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.5;white-space:nowrap}.doc-system .badge.primary{background-color:#fef3e9;color:#f0740a;border:1px solid rgb(253.2,230,210.2)}.doc-system .badge.secondary{background-color:#f9fafb;color:#4b5563;border:1px solid #E5E7EB}.doc-system .badge.outline{background-color:transparent;border-width:1px;border-style:solid}.doc-system .alert{padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid transparent;font-size:.95rem;display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}.doc-system .alert:before{content:"";display:inline-block;width:1.25em;height:1.25em;background-size:contain;background-repeat:no-repeat;flex-shrink:0;margin-top:.1em}.doc-system .alert.info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.doc-system .alert.info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E40AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E")}.doc-system .alert.success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.doc-system .alert.success:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23065F46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E")}.doc-system .alert.warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.doc-system .alert.warning:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392400E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E")}.doc-system .alert.error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.doc-system .alert.error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23991B1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E")}.doc-system .form-group{margin-bottom:1rem}.doc-system .form-group label:not(.checkbox-group):not(.radio-group){display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:#111827}.doc-system .input-text,.doc-system .textarea{width:100%;padding:.75rem 1rem;border:1px solid #E5E7EB;border-radius:8px;font-family:inherit;font-size:.95rem;color:#111827;background-color:#fff;transition:all .2s ease;outline:none;box-shadow:0 1px 2px #0000000d}.doc-system .input-text:focus,.doc-system .textarea:focus{border-color:#f6821f;box-shadow:0 0 0 3px #f6821f1a}.doc-system .input-text::placeholder,.doc-system .textarea::placeholder{color:#878e9b}.doc-system .input-text:disabled,.doc-system .textarea:disabled{background-color:#f9fafb;cursor:not-allowed;color:#6b7280}.doc-system .textarea{min-height:100px;resize:vertical}.doc-system label.checkbox-group,.doc-system .checkbox-group{display:inline-flex;align-items:center;gap:.375rem;font-size:.95rem;cursor:pointer;margin-bottom:.5rem;-webkit-user-select:none;user-select:none;color:#111827;line-height:1.5}.doc-system label.checkbox-group input[type=checkbox],.doc-system .checkbox-group input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.doc-system label.checkbox-group .checkbox-custom,.doc-system .checkbox-group .checkbox-custom{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #E5E7EB;border-radius:4px;background-color:#fff;transition:all .15s ease;flex-shrink:0}.doc-system label.checkbox-group .checkbox-custom:after,.doc-system .checkbox-group .checkbox-custom:after{content:"";position:absolute;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease;margin-top:-2px}.doc-system label.checkbox-group:hover .checkbox-custom,.doc-system .checkbox-group:hover .checkbox-custom{border-color:#f6821f}.doc-system label.checkbox-group input[type=checkbox]:checked+.checkbox-custom,.doc-system .checkbox-group input[type=checkbox]:checked+.checkbox-custom{background-color:#f6821f;border-color:#f6821f}.doc-system label.checkbox-group input[type=checkbox]:checked+.checkbox-custom:after,.doc-system .checkbox-group input[type=checkbox]:checked+.checkbox-custom:after{transform:rotate(45deg) scale(1)}.doc-system label.checkbox-group input[type=checkbox]:focus-visible+.checkbox-custom,.doc-system .checkbox-group input[type=checkbox]:focus-visible+.checkbox-custom{box-shadow:0 0 0 3px #f6821f33}.doc-system label.checkbox-group input[type=checkbox]:disabled+.checkbox-custom,.doc-system .checkbox-group input[type=checkbox]:disabled+.checkbox-custom{background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.doc-system label.checkbox-group input[type=checkbox]:disabled:checked+.checkbox-custom,.doc-system .checkbox-group input[type=checkbox]:disabled:checked+.checkbox-custom{background-color:#6b7280;border-color:#6b7280}.doc-system label.checkbox-group:has(input:disabled),.doc-system .checkbox-group:has(input:disabled){cursor:not-allowed;color:#6b7280}.doc-system label.checkbox-group .checkbox-label,.doc-system .checkbox-group .checkbox-label{line-height:1.5}.doc-system label.radio-group,.doc-system .radio-group{display:inline-flex;align-items:center;gap:.375rem;font-size:.95rem;cursor:pointer;margin-bottom:.5rem;-webkit-user-select:none;user-select:none;color:#111827;line-height:1.5}.doc-system label.radio-group input[type=radio],.doc-system .radio-group input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.doc-system label.radio-group .radio-custom,.doc-system .radio-group .radio-custom{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #E5E7EB;border-radius:50%;background-color:#fff;transition:all .15s ease;flex-shrink:0}.doc-system label.radio-group .radio-custom:after,.doc-system .radio-group .radio-custom:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#fff;transform:scale(0);transition:transform .15s ease}.doc-system label.radio-group:hover .radio-custom,.doc-system .radio-group:hover .radio-custom{border-color:#f6821f}.doc-system label.radio-group input[type=radio]:checked+.radio-custom,.doc-system .radio-group input[type=radio]:checked+.radio-custom{background-color:#f6821f;border-color:#f6821f}.doc-system label.radio-group input[type=radio]:checked+.radio-custom:after,.doc-system .radio-group input[type=radio]:checked+.radio-custom:after{transform:scale(1)}.doc-system label.radio-group input[type=radio]:focus-visible+.radio-custom,.doc-system .radio-group input[type=radio]:focus-visible+.radio-custom{box-shadow:0 0 0 3px #f6821f33}.doc-system label.radio-group input[type=radio]:disabled+.radio-custom,.doc-system .radio-group input[type=radio]:disabled+.radio-custom{background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.doc-system label.radio-group input[type=radio]:disabled:checked+.radio-custom,.doc-system .radio-group input[type=radio]:disabled:checked+.radio-custom{background-color:#6b7280;border-color:#6b7280}.doc-system label.radio-group:has(input:disabled),.doc-system .radio-group:has(input:disabled){cursor:not-allowed;color:#6b7280}.doc-system label.radio-group .radio-label,.doc-system .radio-group .radio-label{line-height:1.5}.doc-system .checkbox-list,.doc-system .radio-list{display:flex;flex-direction:column;gap:.5rem}.doc-system .checkbox-list .checkbox-group,.doc-system .checkbox-list .radio-group,.doc-system .radio-list .checkbox-group,.doc-system .radio-list .radio-group{margin-bottom:0}.doc-system .checkbox-list-horizontal,.doc-system .radio-list-horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem 1.25rem;width:100%;justify-content:flex-start}.doc-system .checkbox-list-horizontal .checkbox-group,.doc-system .checkbox-list-horizontal .radio-group,.doc-system .radio-list-horizontal .checkbox-group,.doc-system .radio-list-horizontal .radio-group{margin-bottom:0}.doc-system .select-box{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.75rem 2rem .75rem 1rem;border:1px solid #E5E7EB;border-radius:8px;font-family:inherit;font-size:.95rem;color:#111827;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='svg-color(#6B7280)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;transition:all .2s ease;outline:none;box-shadow:0 1px 2px #0000000d}.doc-system .select-box:focus{border-color:#f6821f;box-shadow:0 0 0 3px #f6821f26}.doc-system .select-box:disabled{background-color:#f9fafb;cursor:not-allowed;color:#6b7280}.doc-system .accordion{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;margin-bottom:.5rem;background:#fff}.doc-system .accordion:last-child{margin-bottom:0}.doc-system .accordion-item{border-bottom:1px solid #E5E7EB}.doc-system .accordion-item:last-child{border-bottom:none}.doc-system .accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:none;border:none;font-size:.95rem;font-weight:600;color:#111827;cursor:pointer;text-align:left;transition:background-color .2s}.doc-system .accordion-header:hover{background-color:#f9fafb}.doc-system .accordion-header:after{content:"";width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234B5563' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:transform .3s ease}.doc-system .accordion-header[aria-expanded=true]{color:#f6821f}.doc-system .accordion-header[aria-expanded=true]:after{transform:rotate(180deg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23F6821F' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.doc-system .accordion-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;background-color:#f9fafb}.doc-system .accordion-content .content-inner{padding:1rem;color:#4b5563;font-size:.95rem;line-height:1.625}

/* Dark Mode Code Blocks - Syntax Highlighting */
.doc-system .code-block.markdown-body {
    background: #0f172a;
    border: 1px solid #1e293b;
    padding: 0;
}
.doc-system .code-block.markdown-body::after {
    display: none;
}
.doc-system .code-block.markdown-body pre {
    background: #0f172a;
    margin: 0;
    border-radius: 8px;
}
.doc-system .code-block.markdown-body pre code {
    color: #e2e8f0;
}
.doc-system .code-block.markdown-body .hljs {
    background: #0f172a;
    color: #e2e8f0;
}
.doc-system .code-block.markdown-body .hljs-comment,
.doc-system .code-block.markdown-body .hljs-quote {
    color: #64748b;
    font-style: italic;
}
.doc-system .code-block.markdown-body .hljs-keyword,
.doc-system .code-block.markdown-body .hljs-selector-tag,
.doc-system .code-block.markdown-body .hljs-subst {
    color: #c084fc;
    font-weight: normal;
}
.doc-system .code-block.markdown-body .hljs-number,
.doc-system .code-block.markdown-body .hljs-literal,
.doc-system .code-block.markdown-body .hljs-variable,
.doc-system .code-block.markdown-body .hljs-template-variable,
.doc-system .code-block.markdown-body .hljs-tag .hljs-attr {
    color: #f97316;
}
.doc-system .code-block.markdown-body .hljs-string,
.doc-system .code-block.markdown-body .hljs-doctag {
    color: #86efac;
}
.doc-system .code-block.markdown-body .hljs-title,
.doc-system .code-block.markdown-body .hljs-section,
.doc-system .code-block.markdown-body .hljs-selector-id {
    color: #60a5fa;
    font-weight: normal;
}
.doc-system .code-block.markdown-body .hljs-type,
.doc-system .code-block.markdown-body .hljs-class .hljs-title {
    color: #38bdf8;
}
.doc-system .code-block.markdown-body .hljs-tag,
.doc-system .code-block.markdown-body .hljs-name,
.doc-system .code-block.markdown-body .hljs-attribute {
    color: #f472b6;
    font-weight: normal;
}
.doc-system .code-block.markdown-body .hljs-regexp,
.doc-system .code-block.markdown-body .hljs-link {
    color: #22d3ee;
}
.doc-system .code-block.markdown-body .hljs-symbol,
.doc-system .code-block.markdown-body .hljs-bullet {
    color: #fbbf24;
}
.doc-system .code-block.markdown-body .hljs-built_in,
.doc-system .code-block.markdown-body .hljs-builtin-name {
    color: #38bdf8;
}
.doc-system .code-block.markdown-body .hljs-meta {
    color: #94a3b8;
    font-weight: normal;
}
.doc-system .code-block.markdown-body .hljs-deletion {
    background-color: #7f1d1d;
    color: #fecaca;
}
.doc-system .code-block.markdown-body .hljs-addition {
    background-color: #14532d;
    color: #bbf7d0;
}
.doc-system .code-block.markdown-body .hljs-attr {
    color: #7dd3fc;
}
.doc-system .code-block.markdown-body .hljs-function {
    color: #60a5fa;
}
.doc-system .code-block.markdown-body .hljs-params {
    color: #e2e8f0;
}

/* Button Protection - Override markdown-body inherited styles */
.doc-system button,
.doc-system .nav-btn-primary,
.doc-system .nav-btn-secondary,
.doc-system .mock-btn,
.doc-system input[type="submit"],
.doc-system input[type="button"] {
    font-family: var(--doc-font) !important;
    line-height: 1.5 !important;
    box-sizing: border-box;
}

.doc-system button.nav-btn-primary,
.doc-system .nav-btn-primary {
    background: #f6821f !important;
    color: #fff !important;
    padding: 0.5rem 1.25rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.95rem;
    border: none;
    cursor: pointer;
}

.doc-system button.nav-btn-secondary,
.doc-system .nav-btn-secondary {
    background: #fff !important;
    color: #4b5563 !important;
    border: 1px solid #E5E7EB !important;
    padding: 0.5rem 1.25rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
}

.doc-system button.mock-btn,
.doc-system .mock-btn {
    background: #f6821f !important;
    color: #fff !important;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.9rem;
}

/* Ensure buttons in btn-group maintain styling */
.doc-system .btn-group button {
    margin: 0;
}