/* Selected rounded-outline workorder icons, shared by the list, forms and menu. */
.zcenter-work-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    flex: none;
    vertical-align: -4px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.zcenter-work-icon-blue { color: #096ac7; }
.zcenter-work-icon-red { color: #d84451; }
.zcenter-work-icon-green { color: #20815d; }
.zcenter-work-icon-gray { color: #778294; }
.zcenter-work-icon-gold { color: #ad791b; }
html[data-theme="dark"] .zcenter-work-icon-blue { color: #6cb2ff; }
html[data-theme="dark"] .zcenter-work-icon-red { color: #ff858b; }
html[data-theme="dark"] .zcenter-work-icon-green { color: #6aca9f; }
html[data-theme="dark"] .zcenter-work-icon-gray { color: #a9b6c8; }
html[data-theme="dark"] .zcenter-work-icon-gold { color: #e8bd70; }
.zcenter-work-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.worklist td a.zcenter-work-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px !important;
    min-height: 32px !important;
    vertical-align: middle;
}
.zcenter-work-action:focus-visible {
    outline: 2px solid #096ac7;
    outline-offset: 2px;
}
.btn-primary .zcenter-work-icon,
.btn-info .zcenter-work-icon,
.zcenter-workorder-chat .panel-footer button[type="submit"] .zcenter-work-icon {
    color: inherit !important;
}
.zcenter-work-menu-icon .zcenter-work-icon { vertical-align: -4px; }
.zcenter-workorder-chat small .zcenter-work-icon { width: 16px; height: 16px; }
@media (max-width: 767px) {
    .worklist td a.zcenter-work-action { min-width: 44px !important; min-height: 44px !important; }
}

/* The attachment picker matches the selected demo; file submission stays native. */
html[data-theme][data-theme-palette] .slsup-user .zcenter-workorder-attachments {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.zcenter-workorder-attachments .zcenter-attachment-input { display: none !important; }
.zcenter-attachment-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid var(--member-line, #e6eaf0);
    border-radius: 7px;
    background: var(--member-bg, #fff);
    color: var(--member-ink, #202b3b);
    font: inherit;
    line-height: 1.6;
    cursor: pointer;
}
.zcenter-attachment-button:hover { background: var(--member-tint, #f1f6fd); }
.zcenter-attachment-button:focus-visible { outline: 2px solid #096ac7; outline-offset: 2px; }
.zcenter-workorder-attachments p { overflow-wrap: anywhere; }
html[data-theme="dark"] .zcenter-attachment-button {
    background: var(--member-bg, #1b2533);
    border-color: var(--member-line, #354051);
    color: var(--member-ink, #e0e6ef);
}
html[data-theme="dark"] .zcenter-attachment-button:hover { background: var(--member-tint, #26354b); }