@keenmate/pure-admin-theme-audi 1.0.0-rc05 → 1.0.0

package/dist/audi.css

@@ -183,18 +183,17 @@ label {
 }
 
 *::-webkit-scrollbar-thumb {
-  background: #333333;
+  background: var(--pa-border-color);
   border-radius: 3px;
   border: 1px solid var(--pa-primary-bg);
 }
 
 *::-webkit-scrollbar-thumb:hover {
-  background: #ff0000;
-  border-color: rgba(255, 0, 0, 0.3);
+  background: var(--pa-accent);
 }
 
 *::-webkit-scrollbar-thumb:active {
-  background: rgba(255, 0, 0, 0.3);
+  background: var(--pa-accent-hover);
 }
 
 *::-webkit-scrollbar-corner {
@@ -280,6 +279,28 @@ body.pa-container-2xl .pa-navbar {
   gap: 1.6rem;
 }
 
+.pa-header__left {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-header__center {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pa-header__right {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
 /* ========================================
    Layout Container
    Main layout wrapper, content areas, sticky/scroll modes
@@ -365,28 +386,128 @@ body.pa-layout--sticky .pa-layout__inner {
 }
 
 .pa-layout__footer {
-  height: 4.8rem;
+  min-height: 4.8rem;
   background-color: var(--pa-footer-bg);
   border-top: 1px solid var(--pa-footer-border-color);
   display: flex;
   align-items: center;
-  padding: 0 1.6rem;
+  padding: 0.4rem 1.6rem;
   flex-shrink: 0;
+  gap: 1.6rem;
 }
 
+.pa-footer__left {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-footer__center {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pa-footer__right {
+  display: flex;
+  align-items: center;
+  gap: 1.6rem;
+  flex-shrink: 0;
+}
+
+.pa-footer__right--vertical {
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.4rem;
+}
+
+@media (max-width: 768px) {
+  .pa-layout__footer {
+    flex-wrap: wrap;
+    min-height: auto;
+    padding: 0.8rem 1.6rem;
+  }
+  .pa-footer__left,
+  .pa-footer__center,
+  .pa-footer__right {
+    flex-shrink: 1;
+    min-width: 0;
+  }
+  .pa-footer__left {
+    flex: 1 1 auto;
+  }
+  .pa-footer__center {
+    display: none;
+  }
+  .pa-footer__right {
+    flex: 0 1 auto;
+  }
+  .pa-footer__right--vertical {
+    align-items: flex-end;
+  }
+}
 /* ========================================
    Sidebar Component
    Sidebar navigation with nested submenus
    ======================================== */
+:root {
+  --pa-sidebar-width: 29rem;
+  --pa-sidebar-min-width: 18rem;
+  --pa-sidebar-max-width: 50rem;
+}
+
+:where(.pa-layout__sidebar) {
+  width: var(--pa-sidebar-width);
+}
+
 .pa-layout__sidebar {
-  width: 29rem;
   background-color: var(--pa-sidebar-bg);
   border-right: 1px solid var(--pa-border-color);
   flex-shrink: 0;
+  position: relative;
+}
+
+.pa-sidebar-resize {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
+  cursor: ew-resize;
+  z-index: 100;
+}
+
+.pa-sidebar-resize::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 100%;
+  background-color: transparent;
+  transition: background-color 0.1s ease-out;
+}
+
+.pa-sidebar-resize:hover::after, .pa-sidebar-resize--active::after {
+  background-color: var(--pa-accent);
+}
+
+body.pa-sidebar-resizing {
+  cursor: ew-resize !important;
+  user-select: none;
+}
+
+body.pa-sidebar-resizing * {
+  cursor: ew-resize !important;
 }
 
 body.pa-layout--sticky .pa-layout__sidebar {
   overflow-y: auto;
+  overflow-y: overlay;
   overflow-x: visible;
 }
 
@@ -816,14 +937,6 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   background-color: var(--pa-accent-hover);
 }
 
-.pa-header__nav--left {
-  margin-right: auto;
-}
-
-.pa-header__nav--right {
-  margin-left: auto;
-}
-
 .pa-header__nav-item--has-dropdown {
   position: static;
 }
@@ -2519,6 +2632,144 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   padding-bottom: 0;
 }
 
+@media (max-width: 768px) {
+  .pa-col-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-10 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-15 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-20 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-25 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-30 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-35 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-40 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-45 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-50 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-55 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-60 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-65 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-70 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-75 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-80 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-85 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-90 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-95 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-1-2 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-1-3 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-2-3 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-1-4 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-3-4 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-1-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-2-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-3-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-4-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-1-6 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-5-6 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-1-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-5-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-7-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .pa-col-11-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
 /* ========================================
    Card Components
    Cards with headers, bodies, footers, variants, and card sections
@@ -3106,6 +3357,7 @@ a.pa-card p {
   border-radius: 2px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--bordered .pa-tabs {
@@ -3125,6 +3377,7 @@ a.pa-card p {
   border-radius: 0;
   background-color: var(--pa-card-bg);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__container--card .pa-tabs {
@@ -3250,6 +3503,7 @@ a.pa-card p {
   border-radius: 2px;
   padding: 1.6rem 1rem;
   background-color: var(--pa-card-bg);
+  margin-bottom: 1.6rem;
 }
 
 .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
@@ -6445,10 +6699,11 @@ a.pa-card p {
 .pa-input-group__prepend, .pa-input-group__append {
   display: flex;
   align-items: center;
-  padding: 0.8rem 0.8rem;
+  height: 3.5rem;
+  line-height: 3.5rem;
+  padding: 0 0.8rem;
   border: 1px solid var(--pa-border-color);
   font-size: 1.4rem;
-  line-height: 1;
   white-space: nowrap;
   border-radius: 0;
 }
@@ -6483,32 +6738,29 @@ a.pa-card p {
   border-left: 1px solid var(--pa-border-color);
 }
 
-.pa-input-group:focus-within .pa-input-group__prepend {
+.pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
   border-right: 1px solid var(--pa-input-focus-border-color);
 }
 
-.pa-input-group:focus-within .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
+.pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
   border-right: none;
 }
 
-.pa-input-group:focus-within .pa-input-group__append {
+.pa-input-group:has(.pa-input:focus) .pa-input-group__append {
   border-left: 1px solid var(--pa-input-focus-border-color);
 }
 
-.pa-input-group:focus-within .pa-input-group__append + .pa-input-group__append {
+.pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
   border-left: 1px solid var(--pa-border-color);
 }
 
 .pa-input-group__button {
   border-radius: 0;
-  border-color: var(--pa-border-color);
-  border-left: none;
 }
 
 .pa-input-group__button:first-child {
   border-top-left-radius: 1px;
   border-bottom-left-radius: 1px;
-  border-left: 1px solid var(--pa-border-color);
 }
 
 .pa-input-group__button:last-child {
@@ -6518,25 +6770,29 @@ a.pa-card p {
 
 .pa-input-group--xs .pa-input-group__prepend,
 .pa-input-group--xs .pa-input-group__append {
-  padding: 0.6rem 0.8rem;
+  height: 3.1rem;
+  line-height: 3.1rem;
   font-size: 1.2rem;
 }
 
 .pa-input-group--sm .pa-input-group__prepend,
 .pa-input-group--sm .pa-input-group__append {
-  padding: 0.8rem 0.8rem;
+  height: 3.3rem;
+  line-height: 3.3rem;
   font-size: 1.4rem;
 }
 
 .pa-input-group--lg .pa-input-group__prepend,
 .pa-input-group--lg .pa-input-group__append {
-  padding: 0.8rem 0.8rem;
+  height: 3.8rem;
+  line-height: 3.8rem;
   font-size: 1.6rem;
 }
 
 .pa-input-group--xl .pa-input-group__prepend,
 .pa-input-group--xl .pa-input-group__append {
-  padding: 0.8rem 0.8rem;
+  height: 4.1rem;
+  line-height: 4.1rem;
   font-size: 1.8rem;
 }
 
@@ -9212,6 +9468,16 @@ code {
    Profile Panel Components
    Profile panel and header button
    ======================================== */
+:root {
+  --pa-profile-panel-width: 20vw;
+  --pa-profile-panel-max-width: 48rem;
+}
+
+:where(.pa-profile-panel__content) {
+  width: var(--pa-profile-panel-width);
+  max-width: var(--pa-profile-panel-max-width);
+}
+
 .pa-header__profile-btn {
   display: flex;
   align-items: center;
@@ -9275,8 +9541,6 @@ code {
   position: absolute;
   top: 0;
   right: 0;
-  width: 20vw;
-  max-width: 48rem;
   height: 100vh;
   background-color: var(--pa-card-bg);
   box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -11487,6 +11751,60 @@ code {
     right: -1.6rem;
   }
 }
+.pa-notifications__list--page {
+  max-height: none;
+  overflow: visible;
+}
+
+.pa-notifications__list--page .pa-notifications__item {
+  padding: 1.6rem 2.4rem;
+}
+
+.pa-notifications__list--page .pa-notifications__icon-wrapper {
+  width: 4rem;
+  height: 4rem;
+  font-size: 1.8rem;
+}
+
+.pa-notifications__list--page .pa-notifications__content h4 {
+  font-size: 1.4rem;
+  margin-bottom: 0.4rem;
+}
+
+.pa-notifications__list--page .pa-notifications__content p {
+  font-size: 1.4rem;
+  -webkit-line-clamp: 3;
+}
+
+.pa-notifications__list--page .pa-notifications__time {
+  font-size: 1.2rem;
+}
+
+.pa-notifications__actions {
+  display: flex;
+  gap: 0.4rem;
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 0.1s ease-out;
+}
+
+.pa-notifications__item:hover .pa-notifications__actions {
+  opacity: 1;
+}
+
+@media (max-width: 768px) {
+  .pa-notifications__list--page .pa-notifications__item {
+    flex-wrap: wrap;
+  }
+  .pa-notifications__list--page .pa-notifications__actions {
+    opacity: 1;
+    width: 100%;
+    justify-content: flex-end;
+    margin-top: 0.8rem;
+    padding-top: 0.8rem;
+    border-top: 1px solid var(--pa-border-color);
+  }
+}
 /* ========================================
    Popconfirm Component
    Small confirmation dialog anchored to trigger button
@@ -11978,6 +12296,21 @@ html.font-size-4xl {
   overflow: visible;
 }
 
+.overflow-overlay {
+  overflow: auto;
+  overflow: overlay;
+}
+
+.overflow-y-overlay {
+  overflow-y: auto;
+  overflow-y: overlay;
+}
+
+.overflow-x-overlay {
+  overflow-x: auto;
+  overflow-x: overlay;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -12198,6 +12531,26 @@ html.font-size-4xl {
   column-gap: 2.4rem;
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.self-baseline {
+  align-self: baseline;
+}
+
 .text-2xs {
   font-size: 1rem;
 }
@@ -12238,6 +12591,12 @@ html.font-size-4xl {
   font-size: 3.2rem;
 }
 
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .component-showcase {
   display: flex;
   flex-wrap: wrap;
@@ -12281,6 +12640,114 @@ html.font-size-4xl {
   align-items: flex-start;
 }
 
+.pa-bg-color-1 {
+  background-color: var(--pa-color-1);
+}
+
+.pa-text-color-1 {
+  color: var(--pa-color-1);
+}
+
+.pa-border-color-1 {
+  border-color: var(--pa-color-1);
+}
+
+.pa-bg-color-2 {
+  background-color: var(--pa-color-2);
+}
+
+.pa-text-color-2 {
+  color: var(--pa-color-2);
+}
+
+.pa-border-color-2 {
+  border-color: var(--pa-color-2);
+}
+
+.pa-bg-color-3 {
+  background-color: var(--pa-color-3);
+}
+
+.pa-text-color-3 {
+  color: var(--pa-color-3);
+}
+
+.pa-border-color-3 {
+  border-color: var(--pa-color-3);
+}
+
+.pa-bg-color-4 {
+  background-color: var(--pa-color-4);
+}
+
+.pa-text-color-4 {
+  color: var(--pa-color-4);
+}
+
+.pa-border-color-4 {
+  border-color: var(--pa-color-4);
+}
+
+.pa-bg-color-5 {
+  background-color: var(--pa-color-5);
+}
+
+.pa-text-color-5 {
+  color: var(--pa-color-5);
+}
+
+.pa-border-color-5 {
+  border-color: var(--pa-color-5);
+}
+
+.pa-bg-color-6 {
+  background-color: var(--pa-color-6);
+}
+
+.pa-text-color-6 {
+  color: var(--pa-color-6);
+}
+
+.pa-border-color-6 {
+  border-color: var(--pa-color-6);
+}
+
+.pa-bg-color-7 {
+  background-color: var(--pa-color-7);
+}
+
+.pa-text-color-7 {
+  color: var(--pa-color-7);
+}
+
+.pa-border-color-7 {
+  border-color: var(--pa-color-7);
+}
+
+.pa-bg-color-8 {
+  background-color: var(--pa-color-8);
+}
+
+.pa-text-color-8 {
+  color: var(--pa-color-8);
+}
+
+.pa-border-color-8 {
+  border-color: var(--pa-color-8);
+}
+
+.pa-bg-color-9 {
+  background-color: var(--pa-color-9);
+}
+
+.pa-text-color-9 {
+  color: var(--pa-color-9);
+}
+
+.pa-border-color-9 {
+  border-color: var(--pa-color-9);
+}
+
 .m-0 {
   margin: 0 !important;
 }
@@ -13237,6 +13704,10 @@ html.font-size-4xl {
   width: auto !important;
 }
 
+.w-1-2 {
+  width: 50% !important;
+}
+
 .w-1-3 {
   width: 33.333333% !important;
 }
@@ -13245,6 +13716,14 @@ html.font-size-4xl {
   width: 66.666667% !important;
 }
 
+.w-1-4 {
+  width: 25% !important;
+}
+
+.w-3-4 {
+  width: 75% !important;
+}
+
 .mw-25 {
   min-width: 25% !important;
 }
@@ -13265,6 +13744,10 @@ html.font-size-4xl {
   min-width: auto !important;
 }
 
+.mw-1-2 {
+  min-width: 50% !important;
+}
+
 .mw-1-3 {
   min-width: 33.333333% !important;
 }
@@ -13273,6 +13756,14 @@ html.font-size-4xl {
   min-width: 66.666667% !important;
 }
 
+.mw-1-4 {
+  min-width: 25% !important;
+}
+
+.mw-3-4 {
+  min-width: 75% !important;
+}
+
 .w-25-fixed {
   min-width: 25% !important;
   width: 25% !important;
@@ -13293,6 +13784,11 @@ html.font-size-4xl {
   width: 100% !important;
 }
 
+.w-1-2-fixed {
+  min-width: 50% !important;
+  width: 50% !important;
+}
+
 .w-1-3-fixed {
   min-width: 33.333333% !important;
   width: 33.333333% !important;
@@ -13303,6 +13799,16 @@ html.font-size-4xl {
   width: 66.666667% !important;
 }
 
+.w-1-4-fixed {
+  min-width: 25% !important;
+  width: 25% !important;
+}
+
+.w-3-4-fixed {
+  min-width: 75% !important;
+  width: 75% !important;
+}
+
 .h-25 {
   height: 25% !important;
 }
@@ -13323,6 +13829,26 @@ html.font-size-4xl {
   height: auto !important;
 }
 
+.h-1-2 {
+  height: 50% !important;
+}
+
+.h-1-3 {
+  height: 33.333333% !important;
+}
+
+.h-2-3 {
+  height: 66.666667% !important;
+}
+
+.h-1-4 {
+  height: 25% !important;
+}
+
+.h-3-4 {
+  height: 75% !important;
+}
+
 .wr-1 {
   width: 1rem !important;
 }
@@ -13375,6 +13901,26 @@ html.font-size-4xl {
   width: 25rem !important;
 }
 
+.wr-30 {
+  width: 30rem !important;
+}
+
+.wr-35 {
+  width: 35rem !important;
+}
+
+.wr-40 {
+  width: 40rem !important;
+}
+
+.wr-45 {
+  width: 45rem !important;
+}
+
+.wr-50 {
+  width: 50rem !important;
+}
+
 .minwr-1 {
   min-width: 1rem !important;
 }
@@ -13427,6 +13973,26 @@ html.font-size-4xl {
   min-width: 25rem !important;
 }
 
+.minwr-30 {
+  min-width: 30rem !important;
+}
+
+.minwr-35 {
+  min-width: 35rem !important;
+}
+
+.minwr-40 {
+  min-width: 40rem !important;
+}
+
+.minwr-45 {
+  min-width: 45rem !important;
+}
+
+.minwr-50 {
+  min-width: 50rem !important;
+}
+
 .maxwr-1 {
   max-width: 1rem !important;
 }
@@ -13479,6 +14045,26 @@ html.font-size-4xl {
   max-width: 25rem !important;
 }
 
+.maxwr-30 {
+  max-width: 30rem !important;
+}
+
+.maxwr-35 {
+  max-width: 35rem !important;
+}
+
+.maxwr-40 {
+  max-width: 40rem !important;
+}
+
+.maxwr-45 {
+  max-width: 45rem !important;
+}
+
+.maxwr-50 {
+  max-width: 50rem !important;
+}
+
 .hr-1 {
   height: 1rem !important;
 }
@@ -13531,6 +14117,26 @@ html.font-size-4xl {
   height: 25rem !important;
 }
 
+.hr-30 {
+  height: 30rem !important;
+}
+
+.hr-35 {
+  height: 35rem !important;
+}
+
+.hr-40 {
+  height: 40rem !important;
+}
+
+.hr-45 {
+  height: 45rem !important;
+}
+
+.hr-50 {
+  height: 50rem !important;
+}
+
 .minhr-1 {
   min-height: 1rem !important;
 }
@@ -13583,6 +14189,26 @@ html.font-size-4xl {
   min-height: 25rem !important;
 }
 
+.minhr-30 {
+  min-height: 30rem !important;
+}
+
+.minhr-35 {
+  min-height: 35rem !important;
+}
+
+.minhr-40 {
+  min-height: 40rem !important;
+}
+
+.minhr-45 {
+  min-height: 45rem !important;
+}
+
+.minhr-50 {
+  min-height: 50rem !important;
+}
+
 .maxhr-1 {
   max-height: 1rem !important;
 }
@@ -13635,6 +14261,26 @@ html.font-size-4xl {
   max-height: 25rem !important;
 }
 
+.maxhr-30 {
+  max-height: 30rem !important;
+}
+
+.maxhr-35 {
+  max-height: 35rem !important;
+}
+
+.maxhr-40 {
+  max-height: 40rem !important;
+}
+
+.maxhr-45 {
+  max-height: 45rem !important;
+}
+
+.maxhr-50 {
+  max-height: 50rem !important;
+}
+
 .minw-5 {
   min-width: 5% !important;
 }
@@ -13803,6 +14449,10 @@ html.font-size-4xl {
   max-width: 100% !important;
 }
 
+.maxw-1-2 {
+  max-width: 50% !important;
+}
+
 .maxw-1-3 {
   max-width: 33.333333% !important;
 }
@@ -13811,6 +14461,14 @@ html.font-size-4xl {
   max-width: 66.666667% !important;
 }
 
+.maxw-1-4 {
+  max-width: 25% !important;
+}
+
+.maxw-3-4 {
+  max-width: 75% !important;
+}
+
 .minh-5 {
   min-height: 5% !important;
 }
@@ -13891,6 +14549,10 @@ html.font-size-4xl {
   min-height: 100% !important;
 }
 
+.minh-1-2 {
+  min-height: 50% !important;
+}
+
 .minh-1-3 {
   min-height: 33.333333% !important;
 }
@@ -13899,6 +14561,14 @@ html.font-size-4xl {
   min-height: 66.666667% !important;
 }
 
+.minh-1-4 {
+  min-height: 25% !important;
+}
+
+.minh-3-4 {
+  min-height: 75% !important;
+}
+
 .maxh-5 {
   max-height: 5% !important;
 }
@@ -13979,6 +14649,10 @@ html.font-size-4xl {
   max-height: 100% !important;
 }
 
+.maxh-1-2 {
+  max-height: 50% !important;
+}
+
 .maxh-1-3 {
   max-height: 33.333333% !important;
 }
@@ -13987,6 +14661,14 @@ html.font-size-4xl {
   max-height: 66.666667% !important;
 }
 
+.maxh-1-4 {
+  max-height: 25% !important;
+}
+
+.maxh-3-4 {
+  max-height: 75% !important;
+}
+
 .position-static {
   position: static !important;
 }
@@ -14460,15 +15142,15 @@ html.font-size-4xl {
   --pa-multiselect-option-hover-bg: #0a0a0a;
   --pa-multiselect-pill-bg: rgba(255, 0, 0, 0.25);
   --pa-multiselect-pill-border: #ff0000;
-  --pa-color-1: transparent;
-  --pa-color-2: transparent;
-  --pa-color-3: transparent;
-  --pa-color-4: transparent;
-  --pa-color-5: transparent;
-  --pa-color-6: transparent;
-  --pa-color-7: transparent;
-  --pa-color-8: transparent;
-  --pa-color-9: transparent;
+  --pa-color-1: #bb0a30;
+  --pa-color-2: #ff4444;
+  --pa-color-3: #ff6600;
+  --pa-color-4: #d4af37;
+  --pa-color-5: #00a0a0;
+  --pa-color-6: #0066cc;
+  --pa-color-7: #8c8c8c;
+  --pa-color-8: #404040;
+  --pa-color-9: #6b3fa0;
   --drp-dropdown-bg: #1a1a1a;
   --drp-border-color: #333333;
   --drp-primary-bg: #2a2a2a;
@@ -14527,6 +15209,10 @@ html.font-size-4xl {
   --pa-input-bg: #ffffff;
   --pa-input-border: #dee2e6;
   --pa-input-text: #212529;
+  --pa-input-group-prepend-bg: #e9ecef;
+  --pa-input-group-prepend-text: #495057;
+  --pa-input-group-append-bg: #e9ecef;
+  --pa-input-group-append-text: #495057;
   --pa-table-bg: #ffffff;
   --pa-table-header-bg: #f1f3f5;
   --pa-table-stripe: #f8f9fa;
@@ -14611,3 +15297,12 @@ html.font-size-4xl {
 .pa-mode-light .pa-profile-panel__header .pa-profile-panel__email {
   color: var(--pa-header-text-secondary);
 }
+.pa-mode-light .pa-layout__footer {
+  color: #cccccc;
+}
+.pa-mode-light .pa-layout__footer a {
+  color: #ffffff;
+}
+.pa-mode-light .pa-layout__footer a:hover {
+  color: #ff0000;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-theme-audi",
-  "version": "1.0.0-rc05",
+  "version": "1.0.0",
   "description": "Audi theme for Pure Admin - includes dark and light variants",
   "style": "dist/audi.css",
   "exports": {
@@ -22,10 +22,10 @@
   "author": "KeenMate",
   "license": "MIT",
   "peerDependencies": {
-    "@keenmate/pure-admin-core": "^1.0.0-rc05"
+    "@keenmate/pure-admin-core": "^1.0.0"
   },
   "devDependencies": {
-    "@keenmate/pure-admin-core": "^1.0.0-rc05",
+    "@keenmate/pure-admin-core": "^1.0.0",
     "sass": "^1.70.0"
   },
   "publishConfig": {

package/src/scss/audi.scss

@@ -91,6 +91,19 @@ $base-info-color-hover: $audi-info-hover;
 $base-info-bg-light: rgba($audi-info, 0.25);
 $base-text-on-info: #ffffff;
 
+// =============================================================================
+// THEME COLOR SLOTS (1-9) - Audi-inspired palette
+// =============================================================================
+$color-1: #bb0a30;  // Audi Red (classic)
+$color-2: #ff4444;  // Light Red
+$color-3: #ff6600;  // Orange (warning tone)
+$color-4: #d4af37;  // Gold (premium)
+$color-5: #00a0a0;  // Teal (contrast)
+$color-6: #0066cc;  // Blue (professional)
+$color-7: #8c8c8c;  // Silver (metallic)
+$color-8: #404040;  // Charcoal (neutral)
+$color-9: #6b3fa0;  // Purple (luxury)
+
 // =============================================================================
 // IMPORT CORE VARIABLES (with base variables already set)
 // =============================================================================
@@ -402,6 +415,12 @@ $card-border-radius: 0; // Sharp edges
   --pa-input-border: #{$light-gray-300};
   --pa-input-text: #{$light-gray-900};
 
+  // Input group - light gray background for light mode
+  --pa-input-group-prepend-bg: #{$light-gray-200};
+  --pa-input-group-prepend-text: #{$light-gray-700};
+  --pa-input-group-append-bg: #{$light-gray-200};
+  --pa-input-group-append-text: #{$light-gray-700};
+
   // Tables
   --pa-table-bg: #{$light-white};
   --pa-table-header-bg: #{$light-gray-100};
@@ -507,4 +526,17 @@ $card-border-radius: 0; // Sharp edges
       color: var(--pa-header-text-secondary);
     }
   }
+
+  // Footer - light text on dark background
+  .pa-layout__footer {
+    color: #cccccc;
+
+    a {
+      color: #ffffff;
+
+      &:hover {
+        color: $audi-red;
+      }
+    }
+  }
 }