/* Copyright © 2017 IBM Corp. with Reserved Font Name "Plex"

This Font Software is licensed under the SIL Open Font License, Version 1.1.

This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL */

/* ibm-plex-mono-regular - latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 400;
	src: url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('IBM Plex Mono'), local('IBMPlexMono'),
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
	/* IE6-IE8 */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-regular.woff2') format('woff2'),
	/* Super Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-regular.woff') format('woff'),
	/* Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-regular.ttf') format('truetype'),
	/* Safari, Android, iOS */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-regular.svg#IBMPlexMono') format('svg');
	/* Legacy iOS */
}

/* ibm-plex-mono-italic - latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 400;
	src: url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-italic.eot');
	/* IE9 Compat Modes */
	src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-italic.eot?#iefix') format('embedded-opentype'),
	/* IE6-IE8 */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-italic.woff2') format('woff2'),
	/* Super Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-italic.woff') format('woff'),
	/* Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-italic.ttf') format('truetype'),
	/* Safari, Android, iOS */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-italic.svg#IBMPlexMono') format('svg');
	/* Legacy iOS */
}

/* ibm-plex-mono-700 - latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: normal;
	font-weight: 700;
	src: url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700.eot');
	/* IE9 Compat Modes */
	src: local('IBM Plex Mono Bold'), local('IBMPlexMono-Bold'),
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700.eot?#iefix') format('embedded-opentype'),
	/* IE6-IE8 */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700.woff2') format('woff2'),
	/* Super Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700.woff') format('woff'),
	/* Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700.ttf') format('truetype'),
	/* Safari, Android, iOS */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700.svg#IBMPlexMono') format('svg');
	/* Legacy iOS */
}

/* ibm-plex-mono-700italic - latin */
@font-face {
	font-family: 'IBM Plex Mono';
	font-style: italic;
	font-weight: 700;
	src: url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700italic.eot');
	/* IE9 Compat Modes */
	src: local('IBM Plex Mono Bold Italic'), local('IBMPlexMono-BoldItalic'),
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700italic.eot?#iefix') format('embedded-opentype'),
	/* IE6-IE8 */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700italic.woff2') format('woff2'),
	/* Super Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700italic.woff') format('woff'),
	/* Modern Browsers */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700italic.ttf') format('truetype'),
	/* Safari, Android, iOS */
	url('assets/ibm-plex-mono/ibm-plex-mono-v5-latin-700italic.svg#IBMPlexMono') format('svg');
	/* Legacy iOS */
}
@font-face {
	font-family: 'icomoon';
	src: url('assets/icons/icomoon.eot?wk7c68');
	src: url('assets/icons/icomoon.eot?wk7c68#iefix') format('embedded-opentype'),
	url('assets/icons/icomoon.ttf?wk7c68') format('truetype'),
	url('assets/icons/icomoon.woff?wk7c68') format('woff'),
	url('assets/icons/icomoon.svg?wk7c68#icomoon') format('svg');
	font-style: normal;
	font-weight: normal;
	font-display: block;
}

/*----------- Classes -----------*/

.icon-alert-triangle:before {
	content: '\e900';
}

.icon-check:before {
	content: '\e901';
}

.icon-check-square:before {
	content: '\e90e';
}

.icon-clock:before {
	content: '\e905';
}

.icon-download:before {
	content: '\e909';
}

.icon-eye:before {
	content: '\e90c';
}

.icon-gitlab:before {
	content: '\e902';
}

.icon-info:before {
	content: '\e90d';
}

.icon-key:before {
	content: '\e906';
}

.icon-link-2:before {
	content: '\e914';
}

.icon-list:before {
	content: '\e915';
}

.icon-loader:before {
	content: '\e91a';
}

.icon-lock:before {
	content: '\e903';
}

.icon-mail:before {
	content: '\e907';
}

.icon-package:before {
	content: '\e904';
}

.icon-power:before {
	content: '\e908';
}

.icon-save:before {
	content: '\e910';
}

.icon-scissors:before {
	content: '\e913';
}

.icon-search:before {
	content: '\e916';
}

.icon-settings:before {
	content: '\e917';
}

.icon-smile:before {
	content: '\e911';
}

.icon-square:before {
	content: '\e90f';
}

.icon-tag:before {
	content: '\e918';
}

.icon-trash-2:before {
	content: '\e912';
}

.icon-truck:before {
	content: '\e90a';
}

.icon-upload:before {
	content: '\e90b';
}

.icon-wifi-off:before {
	content: '\e919';
}
/* --- ARMK FINAL LOGO (50% SMALLER) --- */

/* 1. LOGO (700px) */
body::after {
    content: "";
    position: fixed !important;      /* FIXED zamiast absolute */
    top: 60px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 700px !important;
    height: 200px !important;
    max-width: 90vw !important;

    /* ŚCIEŻKA względna względem /dist/style.css */
    background-image: url("../assets/armk_logo.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;

    mix-blend-mode: multiply !important;
    z-index: 9999 !important;        /* NA WIERZCHU WSZYSTKIEGO */
    pointer-events: none !important;
}

/* 2. GLOBALNY RESET */
body, html {
    background-color: #f3f4f6 !important;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #334155 !important;
    margin: 0 !important;
}
body::before {
    content: ""; display: block; height: 6px; width: 100%;
    background-color: #0072ce !important;
    position: fixed; top: 0; left: 0; z-index: 10000;
}

/* 3. KONTENER GŁÓWNY – POD LOGO */
#content, .content {
    background: #ffffff !important;
    max-width: 1000px !important;
    margin: 280px auto 50px auto !important;  /* poniżej logotypu */
    padding: 40px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
    position: relative !important;
    z-index: 20 !important;
}

#header { display: none !important; }

a, a:visited, .file_list a {
    color: #0072ce !important; text-decoration: none !important;
    font-weight: 600 !important; font-family: "Segoe UI", sans-serif !important;
    transition: all 0.2s !important;
}
a:hover { background-color: #eef6fc !important; color: #005bb5 !important; border-radius: 4px !important; }

table { width: 100% !important; border-collapse: collapse !important; margin-top: 20px !important; border: 1px solid #e2e8f0 !important; }
th { background-color: #f8fafc !important; color: #64748b !important; font-size: 12px !important; padding: 15px !important; border: 1px solid #e2e8f0 !important; text-align: left !important; text-transform: uppercase !important; }
td { padding: 12px 15px !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; vertical-align: middle !important; }
tr:hover td { background-color: #f0f9ff !important; }

input[type="submit"], button, .btn {
    background-color: #0072ce !important; color: #fff !important; border: none !important;
    padding: 12px 25px !important; border-radius: 4px !important; font-weight: bold !important;
    text-transform: uppercase !important; font-size: 14px !important; cursor: pointer !important;
    font-family: "Segoe UI", sans-serif !important; display: inline-block !important; margin: 2px !important;
}
input[type="submit"]:hover { background-color: #005bb5 !important; transform: translateY(-1px); }
form > input[type="submit"] { display: block !important; width: 100% !important; max-width: 350px !important; margin: 30px auto !important; font-size: 16px !important; }

input[type="text"], input[type="password"], textarea {
    background: #fff !important; border: 1px solid #cbd5e1 !important; padding: 12px !important;
    border-radius: 4px !important; width: 100% !important; box-sizing: border-box !important;
}
input:focus { border-color: #0072ce !important; box-shadow: 0 0 0 3px rgba(0, 114, 206, 0.1) !important; }

.success, .upload_finished, .info {
    background: #eff6ff !important; color: #1e40af !important;
    border-left: 5px solid #0072ce !important; padding: 20px !important;
    border: 1px solid #dbeafe !important; margin: 20px 0 !important;
}
svg, path { stroke: #94a3b8 !important; fill: none !important; }
a:hover svg, a:hover path { stroke: #0072ce !important; }
#footer { display: none !important; }

/* --- ARMK LOGOTYPE BLOCK --- */
#armk-logo {
    text-align: center !important;
    margin: 40px 0 10px 0 !important;
    padding: 0 !important;
}
#armk-logo img {
    max-width: 700px !important;
    width: 90% !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    mix-blend-mode: multiply !important;
    image-rendering: auto !important;
}

/* === ARMK LAYOUT OVERRIDES === */
html, body {
    background-color: #f3f4f6 !important;
}

/* Logo nad kartą, wyśrodkowane */
#armk-logo {
    text-align: center !important;
    margin: 40px 0 0 0 !important;
}
#armk-logo img {
    max-width: 180px !important;   /* mniej więcej jak na screenie */
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
}

/* Biała karta pośrodku ekranu */
#content {
    background: #ffffff !important;
    max-width: 1000px !important;
    margin: 140px auto 60px auto !important;  /* odstęp od logo */
    padding: 40px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* Nagłówek tytułu */
#content h1 {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #005bb5 !important;
}
#content h1 a {
    text-decoration: none !important;
    color: inherit !important;
}

/* === ARMK – poprawione logo + crop === */
#armk-logo {
    text-align: center !important;
    margin: 40px 0 0 0 !important;
}

#armk-logo img {
    /* większe ~30% (z 180px → 240px) */
    max-width: 240px !important;

    /* crop boków – 70% szerokości ekranu zamiast 100% */
    width: 70% !important;

    height: auto !important;
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    mix-blend-mode: multiply !important;
}

/* KARTA */
#content {
    background: #ffffff !important;
    max-width: 1000px !important;
    margin: 140px auto 60px auto !important;
    padding: 40px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* Tytuł */
#content h1 {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #005bb5 !important;
}

/* === ARMK: zmniejszony odstęp logo–karta o 50% === */

/* Zmniejszamy odstęp między logo a kartą (z 40px → 20px) */
/* oraz „cropujemy od dołu” poprzez ujemny margin-bottom */
#armk-logo {
    margin: 20px 0 -20px 0 !important;
}

/* Minimalna korekta pozycji względem karty */
#armk-logo img {
    margin-bottom: -10px !important;  /* optyczny crop od dołu */
}

/* === ARMK: ultra-tight logo → karta (sklejone prawie na zero) === */

#armk-logo {
    margin: 5px 0 -40px 0 !important;   /* minimalna przerwa + mocny crop od dołu */
}

#armk-logo img {
    margin-bottom: -20px !important;    /* jeszcze głębszy crop */
}

/* karta przesunięta wyżej (podciągamy pod logo) */
#content {
    margin-top: 80px !important;        /* było 140px, zmniejszamy o 60px */
}