#ramus-main-app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #F3F3DE;
}

/* Augšējā un apakšējā josla no admin aplikācijas stila */
.top-navbar, .footer-bar {
    background-color: #8C8C7C;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}
.top-navbar { height: 45px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.footer-bar { height: 35px; font-size: 12px; border-top: 1px solid #737363; }

.lang-btn {
    background: #737363; color: white; border: 1px solid #636353;
    padding: 5px 12px; font-size: 13px; cursor: pointer; border-radius: 4px;
}
.lang-menu {
    position: absolute; right: 20px; top: 40px; background-color: white;
    min-width: 140px; box-shadow: 0px 4px 12px rgba(0,0,0,0.15); z-index: 1000;
}
.lang-item { padding: 8px 12px; color: #333; cursor: pointer; font-size: 13px; }
.lang-item:hover { background-color: #f5f5f5; }

/* Centrālais izkārtojums */
.main-container {
    flex: 1; display: flex; align-items: center; justify-content: center;
    padding: 20px; gap: 60px;
}
.logo-section { width: 40%; display: flex; justify-content: flex-end; }
.logo-img { max-width: 280px; height: auto; }
.form-section { width: 60%; display: flex; justify-content: flex-start; }

/* Kartiņa autorizācijai */
.login-card {
    background: #F3F3DE; /* #E2E2D5; kartiņas fons */
    border: 1px solid #C0C0B0;
    border-radius: 2px;
    width: 380px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.card-header {
    background: #C0C0B0; color: #333; padding: 10px 15px;
    font-size: 14px; font-weight: bold; border-bottom: 1px solid #AFAF9F;
}
.card-body { padding: 25px 20px; }

/* Ievades lauku stila pielāgošana Admin oriģinālam */
.login-card .el-input__wrapper {
    background-color: #FBFBE6;
    border: 1px solid #C0C0B0;
    border-radius: 3px;
    box-shadow: none !important;
    padding: 2px 10px;
}
.login-card .el-input__wrapper:hover,
.login-card .el-input__wrapper.is-focus {
    border-color: #8C8C7C;
    background-color: #fff;
}
.login-card .el-input__inner { color: #333; font-size: 14px; height: 34px; }

/* Admin lietotāja bloks (Pelēkais kaste ar zīmuli) */
.user-display-box {
    background: #D5D5C5;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 14px;
    color: #444;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border: 1px solid #C0C0B0;
}
.change-user-link { color: #0066cc; text-decoration: none; font-size: 13px; cursor: pointer; }
.change-user-link:hover { text-decoration: underline; }

/* Pogas */
.submit-btn {
    width: 100%; padding: 10px; background: #8C8C7C; border: 1px solid #737363;
    color: white; font-size: 14px; font-weight: bold; cursor: pointer; border-radius: 3px;
    margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 8px;
}
.submit-btn:hover { background: #737363; }
.submit-btn:disabled { background: #AFAF9F; cursor: not-allowed; border-color: #AFAF9F; }

/* Kartiņas apakšējā pelēkā josla "Aizmirsi paroli" un "Pieslēgties" saitēm */
.card-footer {
    background-color: #D5D5C5;
    border-top: 1px solid #C0C0B0;
    padding: 10px 15px;
    font-size: 12px;
}
.card-footer-link { color: #0000ff; text-decoration: none; cursor: pointer; }
.card-footer-link:hover { text-decoration: underline; }

/* Teksts "Aizmirsi paroli" skatā */
.instruction-text { font-size: 13px; color: #333; margin-bottom: 15px; }

.error-message {
    background-color: #fde8e8; border: 1px solid #f8b4b4; color: #9b1c1c;
    padding: 10px; border-radius: 4px; margin-bottom: 15px; font-size: 13px;
}


/* =========================================
   DARBA APGABALU TABS (Saderīgs ar Ramus)
   ========================================= */
.ramus-tabs {
    border: 1px solid #AFAF9F;
    background-color: #D8D8C9;
}

/* Tabu joslas fons (tumšāk pelēks) */
.ramus-tabs .el-tabs__header {
    background-color: #AFAF9F; /*[cite: 19] */
    margin: 0;
    border-bottom: none;
    padding-left: 0px;
}

/* Noņemam Element Plus noklusēto apakšsvītru */
.ramus-tabs .el-tabs__nav-wrap::after, 
.ramus-tabs .el-tabs__active-bar {
    display: none;
}

/* Neaktīvo tabu izskats */
.ramus-tabs .el-tabs__item {
    color: #F3F3DE !important; /*[cite: 19] */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px !important;
}

/* Aktīvā taba izskats (gaišāk pelēks fons, zils teksts) */
.ramus-tabs .el-tabs__item.is-active {
    background-color: #D8D8C9 !important; /*[cite: 19] */
    color: #333333 !important; /* Atbilst attels_7.png zilajam RAMUS tekstam */
    border-radius: 2px 2px 0 0;
}

.ramus-tabs .el-tab-pane {
    padding: 0px;
    background-color: #D8D8C9;
}

/* =========================================
   KOKA (Tree) IZSKATS
   ========================================= */

.workspace-tree-container {
    height: calc(100vh - 365px); /* Precīzi tas augstums, ko vēlējies! */
    overflow-y: auto;          /* Ieslēdz vertikālo ritjoslu, kad saturs pārsniedz ekrānu */
    overflow-x: hidden;
    background-color: #F3F3DE;   /* Pieskaņots kartiņas fonam */
    border: 1px solid #AFAF9F;
    border-radius: 3px;
    padding: 5px;
}

/* Meklēšanas lauka pielāgošana koka virspusē */
.workspace-search-input .el-input__wrapper {
    background-color: #FBFBE6;
    border: 1px solid #AFAF9F;
    border-radius: 2px;
    box-shadow: none !important;
}

.workspace-search-input .el-input__wrapper:focus-within {
    border-color: #50504A;
}

/* Koka rindu dizains */
.workspace-tree {
    background-color: transparent;
    color: #50504A; /*[cite: 19] */
}

/* Blīvāks izkārtojums koka elementiem */
.workspace-tree .el-tree-node__content {
    height: 24px; 
    font-size: 13px;
}

/* Pārvilkšanas (Hover) krāsa - dzeltena */
.workspace-tree .el-tree-node__content:hover {
    background-color: #FFFFA5 !important; /*[cite: 18] */
}

/* Aktīvās/izvēlētās rindas krāsa */
.workspace-tree .el-tree-node.is-current > .el-tree-node__content {
    background-color: #D8D8C9 !important; /*[cite: 18] */
}

/* Tastatūras navigācijas fokusa stils koka elementiem */
.workspace-tree .el-tree-node__content.ramus-keyboard-focus {
    background-color: #D3DCE6 !important; /* Viegli pelēcīgi zils fons */
    outline: 1px dashed #409EFF; /* Zila raustīta līnija */
    border-radius: 3px;
}
.ramusvue-folder-icon {
    color: #d4ac0d !important; 
    margin-right: 8px;
}
.ramusvue-file-icon {
    margin-right: 8px;
}

el-tree-node__expand-icon {
    font-size: 20px; 
    color: #50504A;
}

/* Nodrošina, ka ikona ir spilgta arī tad, kad zars ir atvērts */
.el-tree-node__expand-icon.expanded {
    color: #50504A; 
}

/* Aizvērto zaru trīsstūrīši (spilgtāki un lielāki) */
.el-tree-node__expand-icon:not(.expanded) {
    font-size: 20px; /* Vari palielināt šo vērtību, ja joprojām šķiet par mazu */
    color: #8C8C7C; /* Pilnīgi melns labākam kontrastam */
    font-weight: bold;
}

/* Atvērto zaru trīsstūrīši (atstājam blāvākus) */
.el-tree-node__expand-icon.expanded {
    font-size: 20px; /* Atgriežam standarta izmēru */
    color: 50504A; /* Standarta Element Plus blāvi pelēkais tonis */
    font-weight: bold;
}