@media print {
	#view-issue-page .bugnote .btn { display: none; }
	#view-issue-page .bugnote .btn-sm { display: none; }
	.noprint { display: none; }
}

span.print { font-size: 8pt; }
span.required 		{ font-size: 8pt; color: #bb0000; }

td.category.width
{
    width: 10px;
}


td.category, th.category,
td.category label, th.category label
{
    background-color: #edf3f4 !important;
    color: #000000;
    font-weight: bold;
    vertical-align : top;
}
td.category .small, th.category .small	{ font-weight: normal;  }

.small-caption	{
    border: 1px solid #fff;
    font-size: 8pt;
    padding: 0 5px;
}
tr.spacer			{ background-color: #ffffff !important; color: #000000; height: 5px; }

/* Issue Summary at bug_report_page.php, bug_update_page.php */
input[type="text"]#summary { width: 100%; }

/**
 * view_all_bug_page.php
 */
#buglist td, #buglist th	{ text-align: center; }
#buglist .column-summary,
#buglist .column-description,
#buglist .column-notes,
#buglist .column-steps-to-reproduce,
#buglist .column-additional-information,
#buglist .cftype-string,
#buglist .cftype-textarea
	{ text-align: left; }

.sticky-separator,
.test-langs th
	{ background-color: lightgrey; }

/* manage_plugin_page.php */
span.dependency_dated		{ color: maroon; }
span.dependency_met			{ color: green; }
span.dependency_unmet		{ color: red; }
span.dependency_upgrade		{ color: orange; }

tr.bugnote, div.widget-box, a#attachments, .test-langs tr {
	scroll-margin-top: 50px;
}
tr.bugnote .bugnote-note { background-color: #e8e8e8; color: #000000; width: 75%; vertical-align: top; }

.bugnote-private { background-color: #fcf8e3 !important;}

.nowrap
{
	white-space: nowrap;
}

.issue-status
{
	border-bottom: 1px dotted black;
}

.bug-attachments {
	margin: 0;
	padding: 0;
}

.bug-attachments > ul {
	list-style: none;
	margin: 0.5em;
	padding: 0;
}

.bug-attachments > ul > li {
	margin: 0.5em 0;
	padding: 0;
}

.bug-attachments > ul > li > div {
	margin: 0;
	padding: 0;
}

.bug-attachment-preview-text, .bug-attachment-preview-image {
	margin: 1em;
	padding: 1em;
}

.bug-attachment-preview-image img {
	max-width: 100%;
}

.bug-attachment-preview-text {
	white-space: pre-wrap;
}

#dates label[for=start_date], #dates > label[for=end_date] {
	float: left;
	width: 3em;
}

/* manage_config_* colors */
.color-global		{ background-color: LightBlue; }
.color-project		{ background-color: LightGreen; }

td.due-0, td.overdue { background-color: red; color: #ffffff; font-weight: bold; }
td.due-1             { background-color: darkorange; color: #ffffff; font-weight: bold; }
td.due-2             { background-color: green; color: #ffffff; font-weight: bold; }
td.print-overdue     { font-weight: bold; }

.collapse-link { cursor: pointer; }

.table-nonfluid {
   width: auto !important;
}

.login-logo {
	text-align: center;
}

/* strike-through resolved issues: #22492 */
.resolved  {
    text-decoration: line-through;
}

.error-details .code {
	font-family: monospace;
}

table.filters td.category {
	color: #337ab7;
}

.listjs-table .sort:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  position: relative;
  top: -10px;
  right: -5px;
}

.listjs-table .sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #707070;
  content: "";
  position: relative;
  top: 4px;
  right: -5px;
}

.listjs-table .sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #707070;
  content: "";
  position: relative;
  top: -4px;
  right: -5px;
}

.listjs-table .sort:hover {
	text-decoration: underline;
}

.test-langs ol.plugins-toc {
    column-count: auto;
    column-width: 130px;
    column-gap: 60px;
    margin: 10px 15px 10px 30px;
}

.editable_access_level {
    display: inline-grid;
    grid-template-columns: 1fr 20px 1fr;
}

/* NCR Collapsible Section */
.ncr-collapsible-section {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 5px 0;
    background: #f9f9f9;
}

.ncr-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    cursor: pointer;
    background: #e8f4fd;
    border-bottom: 1px solid #ddd;
}

.ncr-toggle:hover {
    background: #d8ecfd;
}

.ncr-label-right {
    color: #666;
    font-style: italic;
}

.ncr-arrow {
    color: #999;
    transition: transform 0.3s ease;
}

.ncr-collapsible-section.active .ncr-arrow {
    transform: rotate(180deg);
}

.ncr-form-container {
    padding: 10px;
    background: white;
}

.ncr-collapsible-section.active .ncr-form-container {
    display: block; /* 激活时显示 */
}

.ncr-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.ncr-update-btn, .ncr-close-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
}

.ncr-update-btn {
    
    background: #66d479;  /* 蓝色 */
    color: white;
}

.ncr-update-btn:hover {
    background: #5ab349;
}

.ncr-close-btn {
    
    background: #939ca5;  /* 灰色 */
    color: white;
}

.ncr-close-btn:hover {
    background: #6a737a;
}

/* NCR Form Styles */
.ncr-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333;
}

.ncr-company {
    font-weight: bold;
    font-size: 16px;
}

.ncr-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.ncr-form-no {
    font-size: 12px;
    color: #666;
}

.ncr-section {
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.ncr-categories {
    margin: 8px 0;
}

.ncr-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.ncr-checkbox-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

.ncr-row {
    display: flex;
    align-items: center;
    margin: 5px 0;
    gap: 10px;
}

.ncr-label {
    min-width: 120px;
    font-size: 12px;
    font-weight: bold;
}

.ncr-field {
    flex: 1;
}

.ncr-input {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    box-sizing: border-box;
}

.ncr-full-width {
    flex: 100%;
}

.ncr-textarea {
    width: 100%;
    height: 60px;
    padding: 6px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    resize: vertical;
    box-sizing: border-box;
}

.box-textarea {
    width: 100%;
    height: 60px;
    padding: 6px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    resize: vertical;
    box-sizing: border-box;
}


.ncr-signature {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    gap: 20px;
}

.ncr-sig-box {
    flex: 1;
    text-align: center;
}

.ncr-sig-box div {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}

/* NCR View Styles - Clean & Elegant */
.ncr-view-container {
    padding: 20px;
    background: #fff;
}

.ncr-section {
    margin: 15px 0;
    background-color: #cedfee;
    padding: 6px 4px; 

    
}

.ncr-section-title {
    font-weight: bold;
    color: #2E5F8E;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}

.ncr-section-content {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px 15px;
    margin: 8px 0;
    min-height: 20px;
    line-height: 1.5;
}

/* Grid Layout for Form Fields */
.ncr-grid {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin: 15px 0;
}

.ncr-grid-row {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
}

.ncr-grid-row:last-child {
    border-bottom: none;
}

.ncr-grid-label {
    flex: 0 0 180px;
    background: #f5f7fa;
    padding: 10px 15px;
    font-weight: bold;
    color: #555;
    border-right: 1px solid #e0e0e0;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.ncr-grid-value {
    flex: 1;
    padding: 10px 15px;
    background: white;
    min-height: 40px;
    display: flex;
    align-items: center;
}

/* Tags for categories */
.ncr-tag {
    display: inline-block;
    background: #e8f4fd;
    color: #2E5F8E;
    padding: 4px 10px;
    margin: 2px 4px 2px 0;
    border-radius: 3px;
    font-size: 12px;
    border: 1px solid #c3d9ec;
}

/* Empty state */
.ncr-empty {
    color: #888;
    font-style: italic;
    font-size: 13px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ncr-grid-row {
        flex-direction: column;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .ncr-grid-label {
        flex: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .ncr-grid-value {
        flex: none;
        width: 100%;
    }
    
    .ncr-section {
        padding-left: 10px;
        border-left-width: 3px;
    }
}

/* Grid Header */
.ncr-grid-header {
    display: flex;
    background: #4b6a88;
    color: white;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
}

.ncr-grid-header .ncr-grid-label,
.ncr-grid-header .ncr-grid-value {
    background: transparent;
    color: white;
    border: none;
}

/* Grid Sections */
.ncr-grid-section {
    border-bottom: 2px solid #e0e0e0;
}

.ncr-grid-section:last-child {
    border-bottom: none;
}

.ncr-grid-section-title {
    background: #f0f4f8;
    color: #2E5F8E;
    font-weight: bold;
    padding: 8px 15px;
    border-bottom: 1px solid #d0d8e0;
}

/* Login Header - Minimal */
.login-header {
    text-align: center;
    margin: 6px 0;
}

.site-title {
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0;
    padding: 10px;

  
}

/* For mobile */
@media (max-width: 768px) {
    .site-title {
        font-size: 1.5rem;
    }
}

.ncr-view-section {
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.navbar-logo {
    /* 尺寸控制 */
    height: 32px;          /* 推荐高度 */
    width: auto;          /* 保持宽高比 */
    
    /* 布局 */
    display: inline-block;
    vertical-align: middle;
    
    /* 间距 */
    margin-right: 10px;   /* 与文字的间距 */
    margin-top: -2px;     /* 微调垂直对齐 */
    
    /* 效果 */
    opacity: 0.9;         /* 轻微透明，hover时恢复 */
    transition: all 0.3s ease; /* 平滑过渡 */
}

/* 悬停效果 */
.navbar-logo:hover {
    opacity: 1;
    transform: scale(1.05); /* 轻微放大 */
}


@media (max-width: 900px) {
  
        .navbar-header {
    display: flex;             /* 横向排列 logo 和文字 */
    align-items: left;       /* 垂直居中对齐 */
}

.navbar-header .navbar-logo {
    height: 25px;              /* 控制 logo 大小 */
    margin-right: 2px;         /* logo 和文字之间间距 */
}

.navbar-header .navbar-brand span {
    font-size: 0.5rem;         /* 调整字体大小 */
          /* 防止换行 */
}
    }