/*!
 * 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;

$danger: #CD5029;
$primary: #1E6581;
$success: #64B624;

@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
);


@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;
}

/* 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;
}


// @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
//
//
