/*
 * https://github.com/OliverParoczai/nextcloud-unroundedcorners/blob/master/css/unround.css
 */
:root { /* Body container settings */
  --body-container-margin: 0px !important;
  --body-container-radius: 0px !important;
}

[data-theme-default], [data-theme-light], [data-theme-dark], [data-theme-light-highcontrast], [data-theme-dark-highcontrast]{ /* For sitewide buttons, both themes */
    --border-radius-large: 4px !important; /* Used on the dashboard */
    --border-radius-pill: 4px !important; /* Used everywhere else */
}

#app-navigation:not(.vue) {
  --border-radius-pill: var(--border-radius-pill) !important; /* Navigation buttons on sidebar */
}

.checkbox-radio-switch__label { /* Radio button, used mainly in settings */
  border-radius: var(--border-radius-pill) !important;
}

.list-item, .list-item-style, .action-item--single, .action-item__menutoggle{ /* For E-mail app */
    border-radius: var(--border-radius-pill) !important;
}

.envelope { /* Content part of E-mails */
  border-radius: var(--border-radius-pill) !important;
}

.fc-day-today .fc-daygrid-day-number{ /* For Calendar app */
    border-radius: var(--border-radius-pill) !important;
}

.note-card-view, .folder-card-view{ /* For Carnet app */
    border-radius: var(--border-radius-pill) !important;
}

#uploadprogressbar { /* For upload progress bar */
    border-radius: var(--border-radius-pill) 0 0 var(--border-radius-pill) !important;
}

/* For buttons, needs to be before specific button overrides (like the E-mail icon-history) */
input[type='submit'],
input[type='submit'].icon-confirm,
input[type='button'],
button,
a.button,
.button,
select {
    border-radius: var(--border-radius-pill) !important;
}

.guest-box, .body-login-container { /* Login container (requires hardcoded radius, login page overrides local variables) */
    border-radius: 4px !important;
}
 
.two-factor-provider { /* For two-factor login options */
    width: 100% !important;
}
 
/* Fix some button misalignments */
#body-login:first-of-type button[type="submit"] { /* For login button, also requires hardcoded radius */
    width: 100% !important;    
    border-radius: 4px !important;
}

.icon-history{
    border-radius: 100px !important; /* Still E-mail, reversing the border for this icon as it has an animation that would overlap */
}

[data-app-id="files"] { order: 1; }
[data-app-id="music"] { order: 3; }
[data-app-id="memories"] { order: 3; }
[data-app-id="photos"] { order: 3; }
[data-app-id="contacts"] { order: 4; }
[data-app-id="calendar"] { order: 4; }
[data-app-id="mail"] { order: 5; }
[data-app-id="spreed"] { order: 6; }
[data-app-id="deck"] { order: 7; }
[data-app-id="maps"] { order: 8; }


/*
 * CUSTOM CSS
 */


#content.app-onlyoffice,
#content.app-onlyoffice #app > iframe,
#body-public #content.app-onlyoffice {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100vh !important;
  width: 100vw;
  z-index: 2000;
}