/* Phase 22 global UI, branch scope, and page help policy.
   Compatible with ASP.NET WebForms / VS2010 / RTL Arabic screens. */
html, body { direction: rtl; }
body { background: #f7f8fa; }

.phase21-page-layout { display:block; width:100%; }
.phase21-search-panel,
.phase21-auto-search-panel {
    display:block;
    background:#e6edf5;
    border:1px solid #c4cfdb;
    border-radius:8px;
    padding:12px 14px;
    margin:0 0 12px 0;
    clear:both;
    box-shadow:0 1px 2px rgba(17, 24, 39, .04);
}
.phase21-grid-panel,
.phase21-auto-grid-panel {
    display:block;
    clear:both;
    margin-top:10px;
}

.phase21-input,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select {
    background-color:#edf1f5 !important;
    border:1px solid #bfc7d1 !important;
    border-radius:5px;
    min-height:28px;
    padding:5px 7px;
    box-sizing:border-box;
}
.phase21-input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    background-color:#e4ebf2 !important;
    border-color:#6b7c91 !important;
    outline:none;
}

.phase21-select,
select {
    direction:rtl !important;
    text-align:right !important;
    padding-right:8px !important;
    padding-left:28px !important;
    background-position:left 8px center !important;
}
.phase21-branch-locked,
select.phase21-branch-locked {
    background-color:#dfe7f0 !important;
    color:#26313d !important;
    cursor:default;
    border-color:#96a7b8 !important;
}
.phase21-branch-locked-note {
    display:inline-block;
    margin-right:6px;
    color:#52677a;
    font-size:11px;
}

.phase21-gridview,
table.phase21-gridview,
.elh-unified-grid {
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    margin-top:8px;
}
.phase21-gridview th,
.elh-unified-grid th {
    background:#303946;
    color:#ffffff;
    padding:7px;
    border:1px solid #4b5563;
    white-space:nowrap;
}
.phase21-gridview td,
.elh-unified-grid td {
    padding:6px;
    border:1px solid #d9dde3;
}
.phase21-gridview tr:nth-child(even) td,
.elh-unified-grid tr:nth-child(even) td { background:#fafbfc; }

.phase21-help-button {
    position:fixed;
    left:18px;
    bottom:18px;
    z-index:9998;
    background:#0f5d91;
    color:#ffffff;
    border:1px solid #0f5d91;
    border-radius:24px;
    padding:10px 18px;
    min-width:96px;
    font-family:Tahoma, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(15,93,145,.28);
}
.phase21-help-button:hover { background:#0b4a74; border-color:#0b4a74; }
.phase21-help-overlay {
    display:none;
    position:fixed;
    left:0; right:0; top:0; bottom:0;
    z-index:9999;
    background:rgba(12,23,35,.55);
    padding:30px 12px;
    overflow:auto;
}
.phase21-help-overlay.phase21-open { display:block; }
.phase21-help-box {
    max-width:760px;
    margin:40px auto;
    background:#ffffff;
    color:#243447;
    border-radius:12px;
    border:1px solid #d9e3ec;
    box-shadow:0 18px 50px rgba(0,0,0,.22);
    font-family:Tahoma, Arial, sans-serif;
    overflow:hidden;
}
.phase21-help-head {
    background:#102b46;
    color:#ffffff;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.phase21-help-head strong { font-size:17px; }
.phase21-help-close {
    background:#ffffff;
    color:#102b46;
    border:0;
    border-radius:18px;
    padding:6px 12px;
    font-weight:bold;
    cursor:pointer;
}
.phase21-help-body { padding:18px 20px; line-height:1.9; font-size:14px; }
.phase21-help-section { margin:0 0 14px 0; }
.phase21-help-section h4 { margin:0 0 6px 0; color:#0f5d91; font-size:15px; }
.phase21-help-section ul { margin:6px 22px 0 0; padding:0; }
.phase21-help-section li { margin:3px 0; }
.phase21-help-muted { color:#63788d; font-size:12px; }
@media(max-width:700px){
    .phase21-help-button{left:10px;bottom:10px;padding:9px 14px;min-width:84px}
    .phase21-help-box{margin:14px auto}
    .phase21-help-head{display:block}
    .phase21-help-close{margin-top:10px}
}

/* Phase 23 detailed contextual help enhancements */
.phase21-help-box {
    max-width:940px;
}
.phase21-help-summary {
    background:#f3f7fb;
    border:1px solid #d9e3ec;
    border-radius:10px;
    padding:12px 14px;
    margin:0 0 16px 0;
}
.phase21-help-badge {
    display:inline-block;
    background:#0f5d91;
    color:#ffffff;
    border-radius:15px;
    padding:3px 10px;
    margin-left:8px;
    font-size:12px;
    font-weight:bold;
}
.phase21-help-grid {
    display:block;
}
.phase21-help-steps {
    margin:8px 0 0 0;
    padding:0;
    list-style:none;
}
.phase21-help-steps li {
    position:relative;
    margin:7px 0;
    padding:7px 44px 7px 10px;
    background:#fbfcfe;
    border:1px solid #e4ebf2;
    border-radius:8px;
}
.phase21-help-step-no {
    position:absolute;
    right:10px;
    top:7px;
    display:inline-block;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    background:#102b46;
    color:#ffffff;
    border-radius:50%;
    font-size:12px;
    font-weight:bold;
}
.phase21-help-section p {
    margin:6px 0 0 0;
}
@media(min-width:850px){
    .phase21-help-grid {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:14px;
    }
}

/* Phase 24 verification fixes */
.phase21-empty-grid-message {
    text-align:center !important;
    color:#63788d !important;
    background:#f7f9fc !important;
    padding:14px !important;
    font-weight:bold;
}


/* Phase 25 dropdown arrow hard fix
   Browser native select arrows cannot be reliably moved by direction/background-position only.
   We hide the native arrow and draw a controlled left-side arrow through a wrapper. */
select.phase21-select,
.phase21-select-wrap select,
select {
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
    direction:rtl !important;
    text-align:right !important;
    text-align-last:right !important;
    background-image:none !important;
    padding-right:8px !important;
    padding-left:34px !important;
}
select::-ms-expand { display:none !important; }
.phase21-select-wrap {
    position:relative !important;
    display:inline-block !important;
    vertical-align:middle !important;
    direction:rtl !important;
}
.phase21-select-wrap select {
    width:100% !important;
    max-width:100% !important;
}
.phase21-select-wrap:after {
    content:"▼";
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-7px;
    width:14px;
    height:14px;
    line-height:14px;
    text-align:center;
    color:#0b73c9;
    font-size:11px;
    font-family:Arial, Tahoma, sans-serif;
    pointer-events:none;
    z-index:2;
}
.phase21-select-wrap.phase21-branch-wrap:after {
    color:#0f5d91;
}
.phase21-select-wrap select:disabled,
.phase21-select-wrap select[disabled] {
    opacity:1 !important;
}


/* Phase 26 native select final rule: native right arrow is hidden; custom arrow is left only. */
select.phase21-select,
.phase21-select-wrap select,
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    direction: rtl !important;
    text-align: right !important;
    text-align-last: right !important;
    padding-right: 8px !important;
    padding-left: 34px !important;
}
select::-ms-expand { display: none !important; }
.phase21-select-wrap:after {
    left: 10px !important;
    right: auto !important;
}
.phase21-select-wrap .eh-combo-source,
select.eh-combo-source {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}


/* Phase 27 single natural dropdown arrow fix
   Do not draw a second Phase21 arrow on top of the searchable dropdown.
   Searchable dropdowns use only .eh-combo-arrow. Normal select controls keep the browser native single arrow. */
.phase21-select-wrap:after,
.phase21-select-wrap:before {
    content: none !important;
    display: none !important;
}
select.phase21-select,
select:not(.eh-combo-source) {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: auto !important;
    background-image: initial !important;
    direction: rtl !important;
    text-align: right !important;
    text-align-last: right !important;
    padding: 5px 8px !important;
}
select.eh-combo-source {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
}
.eh-combo .phase21-select-wrap:after {
    content: none !important;
    display: none !important;
}


/* Phase 40 - Inline image attachment preview */
.phase40-img-preview-btn {
    border: none !important;
    border-radius: 5px !important;
    background: #147bdd !important;
    color: #fff !important;
    padding: 4px 8px !important;
    margin-right: 6px !important;
    font-family: Tahoma, Arial !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}
.phase40-img-preview-overlay {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.72);
    direction: rtl;
}
.phase40-img-preview-overlay.phase40-open { display: block; }
.phase40-img-preview-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 92vw;
    max-height: 88vh;
    background: #fff;
    border-radius: 9px;
    padding: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    text-align: center;
}
.phase40-img-preview-box img {
    display: block;
    max-width: 88vw;
    max-height: 74vh;
    margin: 0 auto;
    border: 1px solid #dce6f0;
    border-radius: 6px;
}
.phase40-img-preview-close {
    float: left;
    border: none;
    border-radius: 5px;
    background: #102033;
    color: #fff;
    padding: 6px 12px;
    font-family: Tahoma, Arial;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 8px;
}
.phase40-img-preview-caption {
    clear: both;
    padding-top: 8px;
    color: #102033;
    font-family: Tahoma, Arial;
    font-size: 12px;
    font-weight: bold;
    word-break: break-word;
}

/* Phase 41 - Darker search panels and permission denial feedback */
.phase21-search-panel,
.phase21-auto-search-panel,
.search-panel,
.filter-panel,
.filters-panel,
.search-box,
.tdc-card.phase41-search-card {
    background:#e6edf5 !important;
    border-color:#c4cfdb !important;
    box-shadow:0 2px 8px rgba(15, 45, 70, .08) !important;
}
.tdc-card.phase41-bulk-assign-card {
    background:#f1f6fb;
    border:1px solid #cbd8e5;
}
.permission-denied-control,
.elh-permission-denied-control {
    opacity:.72;
    cursor:not-allowed !important;
    filter:grayscale(.1);
}
.permission-denied-control:hover,
.elh-permission-denied-control:hover {
    box-shadow:0 0 0 2px rgba(190, 24, 24, .12);
}

/* Phase 42 - stronger search panel visual separation */
.tickets-card:first-of-type,
.intake-card.phase42-search-card,
.dispatch-search-card,
.filter-box,
.search-filters {
    background:#e2ebf4 !important;
    border-color:#b8c8d8 !important;
}
.phase42-stat-clickable, .ticket-stat-card, .tdc-kpi { cursor:pointer; }
.phase42-stat-clickable:hover, .ticket-stat-card:hover, .tdc-kpi:hover { box-shadow:0 0 0 2px rgba(20,123,221,.16) !important; }

/* Phase 43 - required search area background color */
.phase21-search-panel,
.phase21-auto-search-panel,
.search-panel,
.filter-panel,
.filters-panel,
.search-box,
.tdc-card.phase41-search-card,
.woc-search,
.cs-card.phase43-search,
.tickets-card.phase43-search,
.intake-search-panel,
.cw-search-panel {
    background:#DBDFFD !important;
    border-color:#72c972 !important;
}


/* Phase 44 - unified search panel background */
.phase21-search-panel, .phase21-auto-search-panel, .search-panel, .filter-panel, .filters-panel, .search-box, .bi-card.phase44-search-panel {
    background: #DBDFFD !important;
    border-color: #b8c0f2 !important;
}


/* Phase 47 - ServiceTicketsUpdate color alignment with the system theme */
.tickets-update-page .tickets-update-header,
.tickets-update-page .unified-page-header {
    background: linear-gradient(135deg,#0B3558 0%, #0F5E9C 100%) !important;
    color:#fff !important;
    border-color:#0a2e4c !important;
}
.tickets-update-page .tickets-update-title h1,
.tickets-update-page .tickets-update-title p { color:#fff !important; }
.tickets-update-page .tickets-update-search-card,
.tickets-update-page .phase47-search-card {
    background:#DBDFFD !important;
    border-color:#b8c0f2 !important;
}
.tickets-update-page .tickets-update-results-card,
.tickets-update-page .phase47-results-card,
.tickets-update-page .tickets-update-edit-card,
.tickets-update-page .phase47-edit-card {
    background:#ffffff !important;
    border-color:#d9e2f2 !important;
}
.tickets-update-page .tickets-card-title { color:#0B3558 !important; }
.tickets-update-page .tickets-card-title span { background:#0F5E9C !important; color:#fff !important; }
.tickets-update-page .tickets-grid th { background:#0B3558 !important; color:#fff !important; }

/* Phase 58: جميع مناطق البحث قابلة للطي وتبدأ مطوية. */
.phase21-search-panel,
.phase21-auto-search-panel {
    position: relative;
}
.phase21-search-toggle {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 6px;
    background: #102033;
    color: #ffffff;
    padding: 8px 11px;
    margin: 0 0 8px 0;
    text-align: right;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.phase21-search-toggle .phase21-search-toggle-arrow {
    float: left;
}
.phase21-search-collapsed {
    padding-bottom: 8px !important;
}
.phase21-search-collapsed > *:not(.phase21-search-toggle) {
    display: none !important;
}
.phase21-search-collapsed > .phase21-search-toggle {
    margin-bottom: 0;
}


/* Phase 72.3 - عداد المرفقات العام داخل نتائج البحث */
.global-attachment-header,.global-attachment-cell{text-align:center!important;white-space:nowrap!important}
.global-attachment-badge{display:inline-block;min-width:24px;height:24px;line-height:24px;padding:0 6px;border-radius:12px;background:#0e6fa9;color:#fff!important;text-decoration:none!important;font-weight:bold;font-size:13px;box-shadow:0 1px 3px rgba(16,73,111,.2)}
.global-attachment-badge:hover{background:#094f79;color:#fff!important}.global-attachment-badge.empty{background:#e5ebf0;color:#647687!important;box-shadow:none}


/* Phase 72.4.7 - Global service ticket number column */
.global-ticket-number-header,
.global-ticket-number-cell {
    white-space: nowrap;
    text-align: center !important;
    vertical-align: middle !important;
}
.global-ticket-number-cell {
    direction: ltr;
    font-weight: bold;
    unicode-bidi: plaintext;
}


/* Phase 72.4.9 - عارض المرفقات داخل نفس الصفحة */
.global-attachment-viewer{display:none;position:fixed;z-index:2147483000;inset:0;background:rgba(7,28,46,.78);padding:18px;box-sizing:border-box;align-items:center;justify-content:center}
.global-attachment-viewer.open{display:flex}
.global-attachment-dialog{width:96vw;max-width:1180px;height:94vh;max-height:820px;background:#fff;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.38);overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #bed3e4}
.global-attachment-dialog-head{height:54px;min-height:54px;background:linear-gradient(135deg,#0b416d,#1578b9);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 10px;font-size:17px;font-weight:bold;box-sizing:border-box}
.global-attachment-dialog-close{width:38px;height:38px;border:0;border-radius:50%;background:#b42318;color:#fff;font-size:25px;line-height:34px;font-weight:bold;cursor:pointer}
.global-attachment-dialog-close:hover{background:#8f1b13}
.global-attachment-dialog-frame{width:100%;height:100%;border:0;background:#f3f6fa;visibility:hidden;flex:1}
.global-attachment-dialog-loading{position:absolute;inset:54px 0 0 0;display:flex;align-items:center;justify-content:center;background:#f3f6fa;color:#164e78;font-size:17px;font-weight:bold;z-index:2}
@media(max-width:760px){.global-attachment-viewer{padding:5px}.global-attachment-dialog{width:99vw;height:97vh;border-radius:8px}.global-attachment-dialog-head{height:48px;min-height:48px;font-size:15px}.global-attachment-dialog-loading{inset:48px 0 0 0}}

/* Phase 81.1 - attachment totals beside every persisted upload area */
.global-upload-attachment-summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    margin-inline-start: 8px;
    padding: 2px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none !important;
}
.global-upload-attachment-summary.has-files {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
    cursor: pointer;
}
.global-upload-attachment-summary.has-files:hover,
.global-upload-attachment-summary.has-files:focus {
    border-color: #60a5fa;
    background: #dbeafe;
    color: #1e40af;
    outline: none;
}
.global-upload-attachment-summary.empty {
    opacity: .86;
}
@media (max-width: 700px) {
    .global-upload-attachment-summary {
        margin-top: 5px;
        margin-inline-start: 0;
    }
}


/* Phase 116 - ServiceTicketDetails contextual workflow help */
.phase116-help-summary { border-right:5px solid #147bdd; }
.phase116-current-ticket {
    display:grid;
    grid-template-columns:repeat(5,minmax(130px,1fr));
    gap:8px;
    margin-top:12px;
}
.phase116-current-ticket span {
    background:#ffffff;
    border:1px solid #d9e6f1;
    border-radius:8px;
    padding:7px 9px;
    font-size:12px;
}
.phase116-alert {
    border-radius:9px;
    padding:11px 13px;
    margin:0 0 15px;
    line-height:1.8;
}
.phase116-alert-info { background:#edf7ff; border:1px solid #b9dcf7; color:#174e75; }
.phase116-alert-warning { background:#fff7e6; border:1px solid #f0cf8b; color:#7b4b00; }
.phase116-workflow {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.phase116-workflow-step {
    position:relative;
    background:#fbfdff;
    border:1px solid #dce7f1;
    border-radius:10px;
    padding:12px;
    box-shadow:0 3px 10px rgba(15,43,70,.05);
}
.phase116-step-top { display:flex; align-items:center; gap:9px; color:#102b46; }
.phase116-step-number {
    display:inline-block;
    min-width:28px;
    height:28px;
    line-height:28px;
    text-align:center;
    border-radius:50%;
    background:#147bdd;
    color:#fff;
    font-weight:bold;
}
.phase116-step-meta { display:flex; flex-wrap:wrap; gap:6px; margin:9px 0 4px; }
.phase116-role,.phase116-state {
    display:inline-block;
    padding:3px 8px;
    border-radius:12px;
    font-size:11px;
    font-weight:bold;
}
.phase116-role { background:#e8f3fb; color:#115b8d; }
.phase116-state { background:#e9f8ef; color:#176b3e; }
.phase116-workflow-step p { margin:5px 0 0; color:#425b70; font-size:12px; }
.phase116-table-wrap { overflow:auto; border:1px solid #dce7f1; border-radius:10px; }
.phase116-help-table { width:100%; border-collapse:collapse; min-width:900px; }
.phase116-help-table th { background:#102b46; color:#fff; padding:9px; font-size:12px; white-space:nowrap; }
.phase116-help-table td { border-bottom:1px solid #e1e9f0; padding:8px; vertical-align:top; font-size:12px; }
.phase116-help-table tr:nth-child(even) td { background:#f8fbfd; }
.phase116-section-no {
    display:inline-block;
    min-width:23px;
    height:23px;
    line-height:23px;
    text-align:center;
    background:#147bdd;
    color:#fff;
    border-radius:50%;
    font-weight:bold;
}
.phase116-check-card { background:#fbfcfe; border:1px solid #e1e9f0; border-radius:10px; padding:12px; }
@media(max-width:900px){
    .phase116-current-ticket{grid-template-columns:repeat(2,minmax(0,1fr));}
    .phase116-workflow{grid-template-columns:1fr;}
}
@media(max-width:520px){
    .phase116-current-ticket{grid-template-columns:1fr;}
}


/* Phase 117 - contextual workflow help on the selected service and technician pages */
.phase117-help-summary { border-right-color:#0f766e; }
.phase117-current-context {
    display:grid;
    grid-template-columns:repeat(4,minmax(150px,1fr));
    gap:8px;
    margin-top:12px;
}
.phase117-current-context span {
    background:#ffffff;
    border:1px solid #d9e6f1;
    border-radius:8px;
    padding:7px 9px;
    font-size:12px;
    overflow-wrap:anywhere;
}
.phase117-rule-alert { background:#ecfdf5; border:1px solid #a7f3d0; color:#166534; }
.phase117-blockers-card { border-color:#fecaca; background:#fffafa; }
.phase117-after-card { border-color:#bbf7d0; background:#f7fff9; }
.phase117-action-table { min-width:850px; }
@media(max-width:900px){.phase117-current-context{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.phase117-current-context{grid-template-columns:1fr;}}

/* ============================================================
   Phase 123 - Global search placement, Excel export, and ticket statuses
   ============================================================ */
.phase123-primary-search{
    margin-top:8px!important;
    margin-bottom:10px!important;
    position:relative;
    z-index:2;
}
.phase123-search-actions{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:8px;
    padding:6px 8px 4px;
    direction:rtl;
}
.phase123-excel-export-btn{
    border:0;
    border-radius:7px;
    background:#137a3b;
    color:#fff;
    min-height:34px;
    padding:7px 13px;
    font-family:Tahoma,Arial,sans-serif;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    box-shadow:0 2px 5px rgba(19,122,59,.18);
}
.phase123-excel-export-btn:hover{background:#0d6330;color:#fff}
.phase123-excel-icon{
    display:inline-flex;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    background:#fff;
    color:#137a3b;
    font-family:Arial,sans-serif;
    font-size:12px;
    margin-left:5px;
}
.phase123-ticket-search-extension{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:9px;
    clear:both;
    margin:7px 8px 8px;
    padding:9px;
    border:1px solid #b9d6ef;
    border-right:4px solid #147bdd;
    border-radius:8px;
    background:#eef7ff;
    direction:rtl;
    box-sizing:border-box;
}
.phase123-ticket-filter-field{min-width:210px;max-width:320px;flex:1 1 230px}
.phase123-ticket-filter-field label{
    display:block;
    margin-bottom:4px;
    color:#102033;
    font-size:11px;
    font-weight:bold;
}
.phase123-ticket-filter-field select{
    width:100%;
    min-height:34px;
    border:1px solid #9fb8cd;
    border-radius:6px;
    background:#fff;
    color:#102033;
    padding:5px 8px;
    font-family:Tahoma,Arial,sans-serif;
    font-weight:bold;
    direction:rtl;
}
.phase123-ticket-filter-note{
    flex:1 1 100%;
    color:#526b80;
    font-size:10px;
    font-weight:bold;
}
.phase123-ticket-status-head,.phase123-parent-status-head{white-space:nowrap}
.phase123-ticket-status-cell,.phase123-parent-status-cell{
    font-weight:bold;
    white-space:normal;
    min-width:115px;
}
.phase123-ticket-status-cell{color:#14578b;background:#eef7ff}
.phase123-parent-status-cell{color:#176b3a;background:#edf9f1}
.phase123-parent-status-cell.is-empty{color:#8b5e00;background:#fff7df}
.phase123-parent-status-link{color:inherit;text-decoration:underline;font-weight:bold}
.phase123-ticket-context-banner{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:stretch;
    margin:7px 0 10px;
    padding:8px;
    border:1px solid #c9d9e8;
    border-radius:9px;
    background:#f7fbff;
    direction:rtl;
    box-shadow:0 2px 8px rgba(16,32,51,.05);
}
.phase123-ticket-context-item{
    flex:1 1 250px;
    border-radius:7px;
    padding:8px 10px;
    border:1px solid #c7deef;
    background:#eaf5ff;
}
.phase123-ticket-context-item.parent{border-color:#bfe4cc;background:#edf9f1}
.phase123-ticket-context-item.parent.is-empty{border-color:#efd99c;background:#fff8e6}
.phase123-ticket-context-item span{
    display:block;
    color:#5d7183;
    font-size:10px;
    font-weight:bold;
    margin-bottom:3px;
}
.phase123-ticket-context-item strong{display:block;color:#102033;font-size:13px;font-weight:bold}
.phase123-ticket-context-item small{display:inline-block;margin-left:12px;margin-top:4px;color:#536b7d;font-size:10px;font-weight:bold}
.phase123-ticket-context-notes{
    flex:1 1 100%;
    padding:7px 9px;
    border-radius:6px;
    background:#fff;
    color:#334e63;
    font-size:11px;
    font-weight:bold;
}
.phase123-ticket-context-notes span{color:#102033}
.phase123-ticket-context-edit{
    align-self:center;
    display:inline-block;
    border-radius:6px;
    background:#147bdd;
    color:#fff!important;
    padding:7px 11px;
    font-size:11px;
    font-weight:bold;
    text-decoration:none!important;
}
@media(max-width:760px){
    .phase123-ticket-filter-field{min-width:100%;max-width:none;flex-basis:100%}
    .phase123-search-actions{justify-content:stretch}
    .phase123-excel-export-btn{width:100%}
    .phase123-ticket-context-item{flex-basis:100%}
}