/* Barcelona Studios - Force dark header always */
html[data-theme="light"] .document table#head-app,
html[data-theme="light"] table#head-app {
    background-color: #000;
}

html[data-theme="light"] #head-app td,
html[data-theme="light"] table#head-app td {
    color: #e0e0e0 !important;
}

html[data-theme="light"] #head-app .topoptions font,
html[data-theme="light"] #head-app .topoptions a,
html[data-theme="light"] table.top .topoptions font,
html[data-theme="light"] table.top .topoptions a,
html[data-theme="light"] #head-app a {
    color: #e0e0e0 !important;
}

html[data-theme="light"] #head-app .topoptions a:hover,
html[data-theme="light"] table.top .topoptions a:hover,
html[data-theme="light"] #head-app a:hover {
    color: #3dbdd9 !important;
}

html[data-theme="light"] td.topoptions b {
    color: #e0e0e0 !important;
}

html[data-theme="light"] #head-app .user-panel {
    background-color: rgba(58, 58, 58, 0.5);
}

html[data-theme="light"] #head-app .user-panel .info {
    color: #e0e0e0;
}

html[data-theme="light"] #head-app .user-panel .info a {
    color: #3dbdd9;
}

html[data-theme="light"] #head-app .intergrid-logo-wrapper .logo-light {
    display: none !important;
}

html[data-theme="light"] #head-app .intergrid-logo-wrapper .logo-dark {
    display: block !important;
}

html[data-theme="light"] #head-app .quick_menu_item {
    color: #e0e0e0 !important;
}

html[data-theme="light"] #head-app .top-user a,
html[data-theme="light"] #head-app .top-logout a {
    color: #e0e0e0 !important;
}

html[data-theme="light"] #head-app .top-user span,
html[data-theme="light"] #head-app .top-logout span {
    color: #e0e0e0 !important;
}

html[data-theme="light"] .topoptions-wrapper .hamburger-menu {
    color: #e0e0e0 !important;
}

/* Databrowser — botó sort/drag (fa-sort) */
div.kmsbut:nth-child(1) {
    border-radius: 5px;
}

.fa-sort {
    padding: 9px 11px;
}

/* Estat actiu del botó drag/sort (sortable=1) */
div.kmsbut.pressedButton.pressed {
    background: #555 !important;
    border-color: #333 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
}

div.kmsbut.pressedButton.pressed .fa-sort {
    color: #fff;
}

html[data-theme="light"] div.kmsbut.pressedButton.pressed {
    background: #d0d0d0 !important;
    border-color: #a0a0a0 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

html[data-theme="light"] div.kmsbut.pressedButton.pressed .fa-sort {
    color: #333;
}

/* Databrowser — feedback visual durant l'arrossegament */
#dbtable tr.ROW_.draggable {
    transition: background-color 0.15s, box-shadow 0.15s;
}

#dbtable tr.ROW_.draggable:hover {
    background-color: color-mix(in srgb, var(--dark-accent) 8%, transparent) !important;
}

#dbtable td.dragHandle {
    transition: background-color 0.15s, color 0.15s;
    color: #bbb;
    cursor: grab;
    user-select: none;
}

#dbtable td.dragHandle:active {
    cursor: grabbing;
}

#dbtable td.dragHandle.showDragHandle,
#dbtable tr.ROW_.draggable:hover td.dragHandle {
    background: color-mix(in srgb, var(--dark-accent) 15%, transparent);
    color: var(--dark-accent);
}

/* Fila en moviment */
#dbtable tr.tDnD_whileDrag {
    background: color-mix(in srgb, var(--dark-accent) 22%, transparent) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
    outline: 2px solid var(--dark-accent);
    outline-offset: -2px;
    cursor: grabbing !important;
}

#dbtable tr.tDnD_whileDrag td {
    background: transparent !important;
}

/* Ajusts per al tema clar */
html[data-theme="light"] #dbtable tr.ROW_.draggable:hover {
    background-color: color-mix(in srgb, var(--dark-accent) 10%, transparent) !important;
}

html[data-theme="light"] #dbtable tr.tDnD_whileDrag {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

html[data-theme="light"] body:not(.dashboard) div.contents {
    background-color: #f4f4f4;
}