body {
    font-size: 0.83rem;
    font-family: "Poppins", sans-serif;
    background-color: #eef1f9;
}

a {
    text-decoration: none !important;
}

.form-control {
    background-color: #ffff;
}

.form-label {
    font-size: 12px;
    margin-bottom: 0px;
}

/* .form-select {
    font-size: 0.77rem;
}

.form-label {
    font-size: 12px;
    margin-bottom: 0px;
} */

.dragging-row {
    background-color: #f58989 !important;
    opacity: 0.85;
    transform: scale(1.01);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    position: relative;
}

.gu-mirror {
    background-color: #fefefe !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    opacity: 0.9;
    border: 2px dashed #007bff;
}

.icon-color-1 {
    color: #ff0000;
}

.icon-color-2 {
    color: #ff007c;
}

.icon-color-3 {
    color: #74af4c;
}

.icon-color-4 {
    color: #ff8b01;
}

.icon-color-5 {
    color: #a400ed;
}

.icon-color-6 {
    color: #198754;
}

.icon-color-7 {
    color: #0046ff;
}

.icon-color-8 {
    color: #c37458;
}

.icon-color-9 {
    color: #265ed7;
}

.icon-color-10 {
    color: #30d4e4;
}

.icon-color-11 {
    color: #ca9805;
}

.icon-color-12 {
    color: #a24f30;
}
.dropify-message p {
    font-size: 15px;
}

.dropify-wrapper {
    height: 100px;
}
.dropify-wrapper .dropify-message span.file-icon {
    font-size: 18px;
    /* color: #CCC; */
}

/* 

fieldset,
legend {
    all: revert;
}



fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: semibold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin-top: -15px;
    background-color: white;
    color: black;
} */

/* Small button group */
/* .btn-group {
    display: inline-flex;
    vertical-align: middle;
    font-size: 0.975rem;
}

.btn-group .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.975rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-group .btn+.btn {
    margin-left: -1px;
}

.dropdown-item {
    font-size: 14px;
}

h6 {
    font-size: 12px;
} */

table td,
table th {
    font-size: 14px;
}

.bg-gradient-purple {
    background-image: linear-gradient(310deg, #7928ca, #ff0080);
}

.bg-gradient-success {
    background-image: linear-gradient(310deg, #17ad37, #6ca028);
}

.bg-gradient-danger {
    background: linear-gradient(to right, rgb(238, 9, 121), rgb(255, 106, 0));
}

.bg-gradient-info {
    background-image: linear-gradient(
        to top,
        rgb(0, 198, 251) 0%,
        rgb(0, 91, 234) 100%
    );
}

.bg-gradient-warning {
    background: linear-gradient(to right, rgb(247, 151, 30), rgb(255, 210, 0));
}

.bg-gradient-voilet {
    background: linear-gradient(
        to right,
        rgb(52, 148, 230),
        rgb(236, 110, 173)
    );
}

.bg-gradient-royal {
    background-image: linear-gradient(
        -20deg,
        rgb(43, 88, 118) 0%,
        rgb(78, 67, 118) 100%
    );
}

.bg-gradient-branding {
    background-image: linear-gradient(
        rgb(42, 245, 152) 0%,
        rgb(0, 158, 253) 100%
    );
}

.task-title {
    word-wrap: break-word; /* older browsers */
    overflow-wrap: break-word; /* modern browsers */
    word-break: break-word; /* extra safety for very long words */
    white-space: normal; /* allow wrapping instead of single line */
}

/* Go Back helper tooltip - fixed overlay, won't push layout */
.goback-hint {
    position: fixed;
    z-index: 3000;
    min-width: 160px;
    max-width: 320px;
    padding: 8px 12px;
    background: rgba(17, 24, 39, 0.95);
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
    font-size: 0.88rem;
    line-height: 1;
    display: flex;
    gap: 10px;
    align-items: center;
    pointer-events: none; /* default - become clickable only for close button if added */
    opacity: 0;
    transform: translateY(6px) scale(0.98);
    transition: opacity 0.16s ease, transform 0.12s ease;
    will-change: transform, opacity, top, left;
}

/* visible state */
.goback-hint.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* small keyboard pill style */
.goback-hint .kbd {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    padding: 4px 6px;
    font-weight: 600;
    color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    font-size: 0.9em;
}

/* hint text */
.goback-hint .hint-text {
    font-size: 0.88rem;
    color: #f3f4f6;
    margin-right: 6px;
}

/* arrow icon small */
.goback-hint .arrow {
    font-size: 0.9rem;
    opacity: 0.95;
}

/* hide on tiny screens so it doesn't clutter mobile */
@media (max-width: 720px) {
    .goback-hint {
        display: none !important;
    }
}

/* optionally style Go Back button for accessibility (no layout change) */
#goBack,
#goback,
a[data-goback],
.go-back {
    position: relative;
}


.kanban-btn {
    background-color: transparent;
    color: #6c757d; /* bootstrap secondary */
    transition: background-color .2s ease, color .2s ease;
}

.kanban-btn:hover {
    background-color: #e6eefd;
}