:root {
  --ausa-bg: #f7f4ee;
  --ausa-paper: rgba(255, 255, 255, 0.84);
  --ausa-paper-strong: #fffdfa;
  --ausa-line: rgba(22, 32, 42, 0.12);
  --ausa-line-strong: rgba(22, 32, 42, 0.18);
  --ausa-ink: #16202a;
  --ausa-muted: rgba(22, 32, 42, 0.68);
  --ausa-accent: #0f5c4a;
  --ausa-navy: #19324a;
  --ausa-shadow: 0 24px 80px rgba(20, 31, 43, 0.08);
  --ausa-radius: 22px;
}

body {
  color: var(--ausa-ink);
  background:
    radial-gradient(circle at top left, rgba(25, 50, 74, 0.06), transparent 34%),
    linear-gradient(180deg, #faf7f1 0%, var(--ausa-bg) 100%);
}

body.task-login #layout {
  background: transparent;
}

body.task-login #layout-content {
  max-width: 520px;
  margin: 0 auto;
  padding: 64px 24px;
}

body.task-login #logo {
  margin-bottom: 16px;
}

body.task-login #login-form {
  border: 1px solid var(--ausa-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: var(--ausa-shadow);
}

body.task-login #login-form .box-inner,
body.task-login #login-form .boxcontent,
body.task-login #login-form .boxfooter {
  background: transparent;
}

body.task-login #login-form .boxcontent {
  padding: 28px;
}

body.task-login #login-form .btn {
  border-radius: 999px;
  background: var(--ausa-navy);
}

body:not(.task-login) #layout {
  gap: 12px;
  padding: 14px;
  background: transparent;
}

body:not(.task-login) #layout-menu,
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-content {
  border: 1px solid var(--ausa-line);
  border-radius: var(--ausa-radius);
  background: var(--ausa-paper);
  box-shadow: var(--ausa-shadow);
}

body:not(.task-login) #layout-sidebar > .header,
body:not(.task-login) #layout-list > .header,
body:not(.task-login) #layout-content > .header {
  border-bottom-color: var(--ausa-line);
  background: linear-gradient(180deg, rgba(255, 253, 250, 0.94), rgba(247, 244, 238, 0.92));
}

body:not(.task-login) .header a.button,
body:not(.task-login) .header .button,
body:not(.task-login) .toolbar a.button,
body:not(.task-login) .toolbar .button,
body:not(.task-login) .toolbar.menu > a,
body:not(.task-login) .toolbar.menu > .button,
body:not(.task-login) .toolbar.menu > .dropbutton > a,
body:not(.task-login) .toolbar.menu > .dropbutton > .button {
  border-radius: 999px;
}

body:not(.task-login) .listing li.selected,
body:not(.task-login) .listing tbody tr.selected td,
body:not(.task-login) .listing tbody tr.focused td {
  background: rgba(15, 92, 74, 0.1);
}

body:not(.task-login) #taskmenu a.selected,
body:not(.task-login) #taskmenu a:focus,
body:not(.task-login) #taskmenu a:hover {
  background: rgba(15, 92, 74, 0.1);
}

body.desk-embedded #taskmenu a.button-addressbook,
body.desk-embedded #taskmenu a.button-settings,
body.desk-embedded #taskmenu a.button-logout {
  display: none;
}

body.desk-embedded #layout {
  padding: 0;
  gap: 10px;
}

body.desk-embedded #layout-menu,
body.desk-embedded #layout-sidebar,
body.desk-embedded #layout-list,
body.desk-embedded #layout-content {
  box-shadow: none;
}

body.desk-embedded #layout-menu {
  background: rgba(250, 247, 241, 0.94);
}