/* ========================================
   包含侧边栏导航、面包屑等样式
   ======================================== */

/* ---------- 左侧边栏导航 ---------- */
.tool-link-item {
    display: flex;
    align-items: center;
    padding: 0.625rem 0.6rem;          /* 左右内边距 0.6rem，用于对齐 */
    background: white;
    border: 1px solid transparent;
    border-top: 1px solid #e2e8f0;
    color: #1e293b;
    text-decoration: none;
    transition: background-color 0.2s ease;
}
.tool-link-item:first-child {
    border-top: none;
}
.tool-link-item.current {
    background: #2563eb;
    border-color: #2563eb;
    color: white;
}
.tool-link-item.current i {
    color: white !important;
}
.tool-icon {
    width: 1.6rem;
    font-size: 1rem;
    display: flex;
    justify-content: center;
}
.tool-name {
    font-size: 0.85rem;
    font-weight: 450;
}

/* 侧边栏容器 */
.financial-aside {
    width: 260px;
    flex-shrink: 0;
    border-right: 1px solid #e5e7eb;
    background: white;
}

/* 侧边栏标题（“常用工具”）与链接项左对齐 */
.financial-aside h3 {
    text-align: left;
    padding-left: 0.6rem;               /* 与 .tool-link-item 的左内边距一致，确保文字对齐 */
    margin-bottom: 0.75rem;              /* 与下方链接保持间距 */
    font-size: 0.75rem;                  /* 保持原 Tailwind 类 text-xs 的大小 */
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;                      /* 灰色文字，与 Tailwind text-gray-500 一致 */
}

/* ---------- 面包屑导航 ---------- */
.breadcrumb {
    background-color: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 0.75rem 0;                  /* 上下内边距，左右由容器控制 */
}

/* 面包屑内部容器，确保内容与侧边栏内容区对齐 */
.breadcrumb .full-width-container {
    width: 100%;
    max-width: 100%;
    padding: 0 0;                     /* 左右内边距 1rem，与侧边栏内容 px-4 保持一致 */
    margin: 0 auto;
}

/* 面包屑中的文字样式 */
.breadcrumb .text-gray-600 {
    color: #4b5563;
}
.breadcrumb a:hover {
    color: #2563eb;
    text-decoration: underline;
}
.breadcrumb .fa-chevron-right {
    font-size: 0.65rem;
    color: #9ca3af;
}