/*!
 * app.scss
 * Copyright (c) 2026 james@firefly-iii.org
 *
 * This file is part of Firefly III (https://github.com/firefly-iii).
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

@use "bootstrap-icons/font/bootstrap-icons.css";

$color-mode-type: data;
$link-decoration: none;
$font-family-sans-serif: "Roboto", sans-serif;

// colors are for light mode.
$danger: #CD5029; // original
//$danger: #993B1E; // slightly darker for WCAG on white bg
$primary: #1E6581; // original
//$primary: #1C5E78; // slightly darker for WCAG test on white bg
$success: #64B624; // original
//$success: #356114; // darker for WCAG pass
//$info: #065E6F;

//$danger: #000;
//$primary: #000;
//$success: #000;


@use "admin-lte/src/scss/adminlte" with (
    $color-mode-type: $color-mode-type,
    $link-decoration: $link-decoration,
    $font-family-sans-serif: $font-family-sans-serif,
    $danger: $danger,
    $primary: $primary,
    $success: $success
);
// for light mode, different money colors are used.
html[data-bs-theme="light"] .money-negative {
    color: #993B1E !important;
}
html[data-bs-theme="light"] .money-positive {
    color: #356114 !important;
}
html[data-bs-theme="light"] .money-transfer {
    color: #065E6F !important;
}

// for dark mode, different money colors are used.
html[data-bs-theme="dark"] .money-negative {
    color: #E69F89 !important;
}
html[data-bs-theme="dark"] .money-positive {
    color: #6BC427 !important;
}
html[data-bs-theme="dark"] .money-transfer {
    color: #0BC1E5 !important;
}

@import 'shepherd.js/dist/css/shepherd.css';

// custom Firefly III CSS
.general-chart-error {
    height: 30px;
    background: url('/v1/images/error.png') no-repeat center center;
}
.piggy-handle {
    cursor: move;
}
.object-handle {
    cursor: move;
}
.rule-handle {
    cursor: move;
}
.bill-handle {
    cursor: move;
}

body.waiting * {
    cursor: progress;
}

.money-neutral {
    color: #999;
}

/* some borders and lines */
.top-light-border {border-top:1px #aaa solid;}
.top-dark-border {border-top:1px #777 solid;}
.bottom-light-border {border-bottom:1px #aaa solid;}


/** new classes because of CSP */
.wide-chart {width:100%;height:400px;}
.low-chart {width:100%;height:200px;}
.medium-chart {width:100%;height:250px;}
.center-chart {width:100%;margin:0 auto;}
.map-size {width:100%;height:300px;}

/* some info for tables */
td.quarter th.quarter {width:25%;}
td.forty th.forty {width:40%;}
td.thirty th.thirty {width:30%;}

/* markdown stuff*/
.markdown blockquote p {
    font-size: 14px;
}

.markdown h1 {
    font-size: 24px;
}

/** width for progress bar **/
.w-0 {width:0 !important;}
.w-1 {width:1% !important;}
.w-2 {width:2% !important;}
.w-3 {width:3% !important;}
.w-4 {width:4% !important;}
.w-5 {width:5% !important;}
.w-6 {width:6% !important;}
.w-7 {width:7% !important;}
.w-8 {width:8% !important;}
.w-9 {width:9% !important;}
.w-10 {width:10% !important;}
.w-11 {width:11% !important;}
.w-12 {width:12% !important;}
.w-13 {width:13% !important;}
.w-14 {width:14% !important;}
.w-15 {width:15% !important;}
.w-16 {width:16% !important;}
.w-17 {width:17% !important;}
.w-18 {width:18% !important;}
.w-19 {width:19% !important;}
.w-20 {width:20% !important;}
.w-21 {width:21% !important;}
.w-22 {width:22% !important;}
.w-23 {width:23% !important;}
.w-24 {width:24% !important;}
.w-25 {width:25% !important;}
.w-26 {width:26% !important;}
.w-27 {width:27% !important;}
.w-28 {width:28% !important;}
.w-29 {width:29% !important;}
.w-30 {width:30% !important;}
.w-31 {width:31% !important;}
.w-32 {width:32% !important;}
.w-33 {width:33% !important;}
.w-34 {width:34% !important;}
.w-35 {width:35% !important;}
.w-36 {width:36% !important;}
.w-37 {width:37% !important;}
.w-38 {width:38% !important;}
.w-39 {width:39% !important;}
.w-40 {width:40% !important;}
.w-41 {width:41% !important;}
.w-42 {width:42% !important;}
.w-43 {width:43% !important;}
.w-44 {width:44% !important;}
.w-45 {width:45% !important;}
.w-46 {width:46% !important;}
.w-47 {width:47% !important;}
.w-48 {width:48% !important;}
.w-49 {width:49% !important;}
.w-50 {width:50% !important;}
.w-51 {width:51% !important;}
.w-52 {width:52% !important;}
.w-53 {width:53% !important;}
.w-54 {width:54% !important;}
.w-55 {width:55% !important;}
.w-56 {width:56% !important;}
.w-57 {width:57% !important;}
.w-58 {width:58% !important;}
.w-59 {width:59% !important;}
.w-60 {width:60% !important;}
.w-61 {width:61% !important;}
.w-62 {width:62% !important;}
.w-63 {width:63% !important;}
.w-64 {width:64% !important;}
.w-65 {width:65% !important;}
.w-66 {width:66% !important;}
.w-67 {width:67% !important;}
.w-68 {width:68% !important;}
.w-69 {width:69% !important;}
.w-70 {width:70% !important;}
.w-71 {width:71% !important;}
.w-72 {width:72% !important;}
.w-73 {width:73% !important;}
.w-74 {width:74% !important;}
.w-75 {width:75% !important;}
.w-76 {width:76% !important;}
.w-77 {width:77% !important;}
.w-78 {width:78% !important;}
.w-79 {width:79% !important;}
.w-80 {width:80% !important;}
.w-81 {width:81% !important;}
.w-82 {width:82% !important;}
.w-83 {width:83% !important;}
.w-84 {width:84% !important;}
.w-85 {width:85% !important;}
.w-86 {width:86% !important;}
.w-87 {width:87% !important;}
.w-88 {width:88% !important;}
.w-89 {width:89% !important;}
.w-90 {width:90% !important;}
.w-91 {width:91% !important;}
.w-92 {width:92% !important;}
.w-93 {width:93% !important;}
.w-94 {width:94% !important;}
.w-95 {width:95% !important;}
.w-96 {width:96% !important;}
.w-97 {width:97% !important;}
.w-98 {width:98% !important;}
.w-99 {width:99% !important;}
.w-100 {width:100% !important;}





// @import "admin-lte/dist/css/adminlte.min.css";

//
//$color-mode-type: media-query;
//$link-decoration: none !default;
//$font-family-sans-serif: "Roboto", sans-serif;
//
//$danger: #CD5029 !default;
//$primary: #1E6581 !default;
//$success: #64B624 !default;
//
//// admin LTE
//@use "admin-lte/src/scss/adminlte" with (
//    $color-mode-type: $color-mode-type,
//    $link-decoration: $link-decoration,
//    $font-family-sans-serif: $font-family-sans-serif,
//    $danger: $danger,
//    $primary: $primary,
//    $success: $success
//);

//
////// Plus Bootstrap and dependency CSS
////// import "overlayscrollbars/styles/overlayscrollbars.css"
//
//// $color-mode-type: media-query;
//$link-decoration: none !default;
//$font-family-sans-serif: "Roboto", sans-serif;
//
//$danger: #CD5029 !default;
//$primary: #1E6581 !default;
//$success: #64B624 !default;
//
//@use "admin-lte/dist/css/adminlte.min.css";
//// @use "admin-lte/src/scss/adminlte";
//
//
//// admin LTE
//// @use "admin-lte/src/scss/adminlte";
////@use "admin-lte/src/scss/adminlte" with (
////   // $color-mode-type: $color-mode-type,
////    $link-decoration: $link-decoration,
////    $font-family-sans-serif: $font-family-sans-serif,
////    $danger: $danger,
////    $primary: $primary,
////    $success: $success
////);
//
//// some local CSS
//.skip-links {display: none;}
//
///*
//Remove bottom margin from unstyled lists
// */
//.list-no-margin {margin-bottom: 0;}
//.list-no-margin li.list-indent {margin-left:1.6em;}
//
//.hover-footer {
//    overflow-x:hidden;
//    width:100%;
//    text-align:right;
//    white-space: nowrap;
//    text-overflow: ellipsis
//}
//.hover-footer:hover {
//    overflow: auto;
//    text-overflow: unset;
//    white-space: normal;
//}
//h3.hover-expand {
//    overflow-x: hidden;
//    text-overflow: ellipsis
//}
//h3.hover-expand:hover {
//    overflow-x: auto;
//}
//
//.form-control {
//    appearance: auto;
//}
//
//// edit buttons
//.hidden-edit-button {
//    cursor: pointer;
//}
//td:not(:hover) .hidden-edit-button {
//    visibility: hidden;
//}
//
//// Bootstrap
//// @import "bootstrap/scss/bootstrap";
//
//
//// @import "~bootstrap-sass/assets/stylesheets/bootstrap";
//
//// hover buttons
//
//
