@media (min-width: 768px) {
    body.full-width .container {
        width:98% !important;
        max-width: 100%
    }
}

.msgprint pre code,
.error-content pre code {
    color: var(--text-color) !important;
    background: var(--control-bg) !important;
}



.list-liked-by-me {
    display:none;
}

.like-action {
    display:none;
}

.grid-body .btn-open-row {
width: 50px;
}



.col-xs-1 {
    max-width: 22%;
}

.row-index {
    max-width: 6%;
}

.col-1 {
    max-width: 22%;
}

.list-row-col {
    flex: 1.5;
    margin-right: 15px;
}

.col-2, .col-xs-2 {
    max-width: 30%;
}

.sortable-handle {
flex-basis: 6%;
}

.list-subject {
    flex: 4;
    justify-content: start;
}

.level-right {
    flex: 0.5 !important;
}

[data-fieldname^="hideme"]
{
  visibility: hidden;
}

[data-fieldname="items"] [data-fieldname="item_code"] .awesomplete ul 
{
    width: 700px;
}

[data-fieldname="items"] [data-fieldname="posi"]
{
    flex-basis: 4%;
}

 [data-fieldname="items"] [data-fieldname="item_code"]
{
    flex-basis: 24%;
}
 [data-fieldname="items"] [data-fieldname="set_parent"]
{
    flex-basis: 3%;
}
 [data-fieldname="items"] [data-fieldname="set_child"]
{
    flex-basis: 3%;
}
[data-fieldname="items"] [data-fieldname="qty"]
{
    flex-basis: 6%;
}

 [data-fieldname="items"] [data-fieldname="project_ek_discount"]
{
    flex-basis: 6%;

}

 [data-fieldname="items"] [data-fieldname="ek_project_alt"]
{
    flex-basis: 10%;

}
[data-fieldname="items"] [data-fieldname="ek_project_total_alt"]
{
    flex-basis: 10%;

}
[data-fieldname="items"] [data-fieldname="rate_alt"]
{
    flex-basis: 10%;

;
}
[data-fieldname="items"] [data-fieldname="amount_alt"]
{
    flex-basis: 10%;

} 
[data-fieldname="items"] [data-fieldname="actual_margin"]
{
    flex-basis: 4%;
}
 
[data-fieldname="items"] [data-fieldname="project_price_list_rate_alt"]
{
    flex-basis: 10%;
}


[data-fieldname="optional_items"] [data-fieldname="posi"]
{
    flex-basis: 4%;
}

 [data-fieldname="optional_items"] [data-fieldname="item_code"]
{
    flex-basis: 25%;
}
 [data-fieldname="optional_items"] [data-fieldname="set_parent"]
{
    flex-basis: 3%;
}
 [data-fieldname="optional_items"] [data-fieldname="set_child"]
{
    flex-basis: 3%;
}
[data-fieldname="optional_items"] [data-fieldname="qty"]
{
    flex-basis: 6%;
}

 [data-fieldname="optional_items"] [data-fieldname="project_ek_discount"]
{
    flex-basis: 6%;

}


 [data-fieldname="optional_items"] [data-fieldname="ek_project_alt"]
{
    flex-basis: 10%;

}
[data-fieldname="optional_items"] [data-fieldname="ek_project_total_alt"]
{
    flex-basis: 11%;

}
[data-fieldname="optional_items"] [data-fieldname="rate_alt"]
{
    flex-basis: 10%;

;
}
[data-fieldname="optional_items"] [data-fieldname="amount_alt"]
{
    flex-basis: 11%;

} 
[data-fieldname="optional_items"] [data-fieldname="actual_margin"]
{
    flex-basis: 4%;
}
 
[data-fieldname="optional_items"] [data-fieldname="project_price_list_rate_alt"]
{
    flex-basis: 12%;
}





table.items [data-fieldname="set_parent"][data-value!="0"] {
  background-color: #ff0000; /* Red background color */
}


/* Add black border to input fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
  border: 1px solid #A9A9A9;
}

select[type="text"] {
  border: 1px solid #A9A9A9;
}

/* TEST instance indicator — toggled by public/js/test_banner.js */
body.test-instance .navbar {
    background-color: #c0392b !important;   /* strong red */
}
body.test-instance .navbar .navbar-brand,
body.test-instance .navbar .nav-link,
body.test-instance .navbar a {
    color: #fff !important;
}
/* keep form controls and dropdown menus readable (they sit inside .navbar) */
body.test-instance .navbar input,
body.test-instance .navbar select,
body.test-instance .navbar textarea,
body.test-instance .navbar .dropdown-menu,
body.test-instance .navbar .dropdown-menu a,
body.test-instance .navbar .dropdown-menu .nav-link {
    color: #000 !important;
}
body.test-instance .navbar input::placeholder {
    color: #555 !important;
}
/* awesomplete autocomplete list (may be appended inside .navbar) */
body.test-instance ul[role="listbox"],
body.test-instance ul[role="listbox"] a,
body.test-instance ul[role="listbox"] span,
body.test-instance ul[role="listbox"] b,
body.test-instance ul[role="listbox"] mark {
    color: #000 !important;
    background-color: transparent !important;
}
body.test-instance ul[role="listbox"] {
    background-color: #fff !important;
}
body.test-instance ul[role="listbox"] mark {
    background-color: #ffe066 !important;
}
body.test-instance .navbar::after {
    content: "TEST";
    color: #fff;
    background: #000;
    font-weight: bold;
    padding: 2px 10px;
    margin-left: 12px;
    border-radius: 3px;
    align-self: center;
    letter-spacing: 1px;
}

/* ==========================================================================
   CP Reference dashboard tables (shared by CP Reference, Quotation,
   Sales Order, Purchase Order via cpce_tables.js + public/js/templates/*.html)
   ========================================================================== */

.cpce-ref-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 14px;
    border: 1px solid var(--border-color, #e2e6e9);
    border-radius: 6px;
    overflow: hidden;
    font-size: 13px;
}

.cpce-ref-table thead th {
    background: #f7f9fa;
    color: #6c7680;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e6e9;
    vertical-align: middle;
}

.cpce-ref-table tbody td {
    padding: 7px 10px;
    vertical-align: middle;
    border-top: 1px solid #f0f2f4;
    color: #1f272e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Items table holds multi-line cells (qty + linked parent on next line) */
.cpce-ref-table--items tbody td {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.cpce-ref-table tbody tr:first-child td {
    border-top: none;
}

.cpce-ref-table tbody tr:nth-child(even) {
    background: #fafbfc;
}

.cpce-ref-table tbody tr:hover {
    background: #eef4fb;
}

.cpce-ref-table a {
    color: var(--text-color, #1f272e);
    text-decoration: none;
}

.cpce-ref-table a:hover {
    color: var(--primary, #2490ef);
    text-decoration: underline;
}

.cpce-ref-table .cpce-id {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
}

.cpce-ref-table .cpce-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cpce-ref-table th.cpce-num {
    text-align: right;
}

.cpce-empty {
    padding: 8px 10px;
    margin-bottom: 14px;
    color: #8d97a1;
    font-style: italic;
    font-size: 12px;
    border: 1px dashed #e2e6e9;
    border-radius: 6px;
    background: #fafbfc;
}

/* Column width helpers — drive layout via header cells; table-layout: fixed
   propagates the widths to body cells. */
.cpce-w-name      { width: 18%; }
.cpce-w-party     { width: 28%; }
.cpce-w-date      { width: 11%; }
.cpce-w-status    { width: 14%; }
.cpce-w-type      { width: 9%;  }
.cpce-w-assigned  { width: 11%; }
.cpce-w-num       { width: 12%; }
.cpce-w-subject   { width: 32%; }
.cpce-w-url       { width: 32%; }
.cpce-w-doc       { width: 22%; }
.cpce-w-pos       { width: 4%;  }
.cpce-w-item-code { width: 12%; }
.cpce-w-item-name { width: 14%; }
.cpce-w-qty       { width: 8%;  }
.cpce-w-delta     { width: 5%;  }

/* Status pill */
.cpce-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.cpce-status--green {
    background: #e6f5ec;
    color: #1f8a4c;
}

.cpce-status--amber {
    background: #fdf3e3;
    color: #9a6a16;
}

.cpce-status--red {
    background: #fbeaea;
    color: #b3322a;
}

.cpce-status--grey {
    background: #eef0f2;
    color: #6c7680;
}

/* Margin percent emphasis (replaces inline color in cpce_margin_*.html) */
.cpce-margin-low {
    color: #b3322a;
    font-weight: 600;
}

.cpce-margin-mid {
    color: #c47a17;
    font-weight: 600;
}

/* Collapsible section (native <details>/<summary>) */
.cpce-collapsible {
    margin-bottom: 14px;
    border: 1px solid var(--border-color, #e2e6e9);
    border-radius: 6px;
    overflow: hidden;
}

.cpce-collapsible__header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f7f9fa;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #6c7680;
    cursor: pointer;
    user-select: none;
    list-style: none;          /* hide default marker */
}

/* Custom disclosure triangle */
.cpce-collapsible__header::before {
    content: "\25B6";          /* ▶ */
    font-size: 9px;
    transition: transform 0.15s ease;
    display: inline-block;
}

.cpce-collapsible[open] > .cpce-collapsible__header::before {
    transform: rotate(90deg);
}

/* Remove default <summary> marker in webkit/blink */
.cpce-collapsible__header::-webkit-details-marker {
    display: none;
}

.cpce-collapsible__count {
    background: #e2e6e9;
    color: #6c7680;
    padding: 1px 7px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.4;
}

/* Table inside collapsible needs no own border/margin/radius —
   the wrapping <details> provides those. */
.cpce-ref-table--nested {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}