.store-window { position: absolute; top: 82px; left: 50%; transform: translateX(-50%); width: min(1010px, calc(100% - 64px)); height: min(680px, calc(100dvh - 195px)); min-height: 300px; border: 1px solid #ffffff24; border-radius: 22px; background: #182332f7; backdrop-filter: blur(28px); box-shadow: inset 0 1px 0 #ffffff0a, 0 25px 100px #0006; z-index: 3; overflow: hidden; animation: admin-open .18s ease-out; }
.store-window button, .store-window input { font: inherit; }
.store-titlebar { height: 54px; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 0 16px 0 22px; border-bottom: 1px solid #ffffff0c; background: #ffffff02; }
.store-titlebar h2 { font-size: 13px; font-weight: 600; margin: 0; letter-spacing: -.1px; }
.store-layout { display: grid; grid-template-columns: 196px minmax(0, 1fr); height: calc(100% - 54px); }
.store-sidebar { display: flex; flex-direction: column; padding: 22px 13px 16px; background: #0b152333; border-right: 1px solid #ffffff0a; min-width: 0; }
.store-search { display: flex; align-items: center; gap: 7px; border: 1px solid #ffffff11; background: #090f192b; padding: 9px; border-radius: 10px; margin-bottom: 24px; }
.store-search:focus-within { border-color: #b2d6eb66; }
.store-search svg { width: 15px; height: 15px; color: #8095ac; flex-shrink: 0; }
.store-search input { min-width: 0; width: 100%; border: 0; outline: none; background: transparent; color: #dce8f4; font-size: 11px; padding: 0; }
.store-search input::placeholder { color: #8a9bb0; }
.store-search input::-webkit-search-cancel-button { cursor: pointer; }
#storeCategories { display: flex; flex-direction: column; gap: 5px; }
.store-category { display: flex; align-items: center; gap: 11px; width: 100%; padding: 11px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #9eafc2; cursor: pointer; text-align: left; font-size: 12px !important; transition: background .18s, color .18s; }
.store-category svg { width: 17px; height: 17px; flex-shrink: 0; }
.store-category:hover { color: #eef4f9; background: #ffffff05; }
.store-category[aria-pressed="true"] { color: #d4e7f4; background: #9ecae714; border-color: #c3e5fc12; }
.store-sidebar-footer { display: flex; align-items: center; gap: 7px; margin: auto 10px 0; padding-top: 24px; color: #748a9f; font-size: 10px; white-space: nowrap; }
.store-signal { width: 4px; height: 4px; background: #8fb9b8; border-radius: 50%; }
.store-content { min-width: 0; padding: 30px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #657c9233 transparent; }
.store-kicker { font-size: 9px; letter-spacing: .12em; color: #889eb5; font-weight: 600; margin: 0 0 9px; }
.store-section-heading h3, .store-detail-heading h3 { font-size: 29px; font-weight: 600; letter-spacing: -.9px; margin: 0 0 8px; }
.store-section-subtitle { color: #8fa3b9; font-size: 12px; line-height: 1.6; margin: 0; }
.store-feature { display: flex; position: relative; width: 100%; min-height: 193px; overflow: hidden; text-align: left; padding: 25px 28px; border-radius: 17px; border: 1px solid #a6d2ea1c; margin: 26px 0 16px; background: radial-gradient(ellipse at 80% 120%, #4c889055, transparent 65%), linear-gradient(115deg, #29455a, #243747); color: #e5f0f8; cursor: pointer; }
.store-feature:hover { border-color: #a6d2ea44; }
.store-feature-copy { display: flex; flex-direction: column; gap: 13px; z-index: 1; }
.store-feature-label { font-size: 8px; letter-spacing: .14em; color: #afc6d6; }
.store-feature-copy strong { font-size: 27px; font-weight: 500; line-height: 1.15; letter-spacing: -.7px; white-space: pre-line; }
.store-feature-link { font-size: 10px; color: #c6dfe9; margin-top: 3px; }
.store-feature-art { position: absolute; right: 40px; top: 40px; width: 190px; height: 150px; pointer-events: none; }
.store-art-window { display: flex; flex-direction: column; gap: 12px; position: absolute; top: 8px; right: 0; width: 154px; height: 117px; border-radius: 13px; border: 1px solid #d7f1ff26; background: linear-gradient(135deg,#9dbccc30,#254d6455); box-shadow: 0 15px 35px #0002; padding: 24px 19px; transform: rotate(8deg); }
.store-art-line { width: 84%; height: 5px; background: #c8e7f125; border-radius: 4px; }
.store-art-line:nth-child(2) { width: 62%; }
.store-art-line:nth-child(3) { width: 72%; }
.store-feature-art .store-app-icon { position: absolute; top: 45px; left: 4px; width: 76px; height: 76px; border-radius: 22px; transform: rotate(-12deg); box-shadow: inset 0 1px 0 #ffffff35, 0 12px 25px #0004; }
.store-feature-art .store-app-icon svg { width: 36px; height: 36px; }
.store-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.store-app-card { display: flex; align-items: center; gap: 13px; padding: 17px 13px; min-width: 0; text-align: left; background: #ffffff02; border: 1px solid #ffffff0a; border-radius: 14px; cursor: pointer; transition: background .18s, border-color .18s; color: #e0eaf4; }
.store-app-card:hover { background: #ffffff06; border-color: #c7dff02a; }
.store-app-icon { display: grid; place-items: center; width: 49px; height: 49px; flex-shrink: 0; border-radius: 14px; border: 1px solid #ffffff22; box-shadow: inset 0 1px 0 #ffffff17, 0 4px 12px #0002; background: linear-gradient(140deg,#507693,#2e4a65); color: #dfedf7; }
.store-app-icon svg { width: 25px; height: 25px; }
.store-icon-notes { background: linear-gradient(140deg,#968563,#655b46); color: #f5e9ce; }
.store-icon-calendar { background: linear-gradient(140deg,#90727f,#604453); color: #f0dce5; }
.store-icon-focus { background: linear-gradient(140deg,#668f89,#3d6261); color: #dbf1ed; }
.store-icon-admin { background: linear-gradient(140deg,#747b99,#424b69); color: #e4e7ff; }
.store-icon-store { background: linear-gradient(140deg,#608da4,#3a5b76); }
.store-card-copy { display: flex; flex-direction: column; min-width: 0; gap: 5px; }
.store-card-copy strong { font-size: 12px; font-weight: 600; }
.store-card-summary { font-size: 10px; color: #91a4ba; line-height: 1.5; }
.store-app-status { font-size: 9px; color: #708aa3; margin-top: 2px; }
.store-result-count { font-size: 10px; color: #73899f; margin-top: 22px; }
.store-empty { text-align: center; padding: 65px 12px; color: #8097af; }
.store-empty svg { width: 30px; height: 30px; opacity: .65; }
.store-empty h4 { font-size: 14px; color: #bccddd; font-weight: 500; }
.store-empty p { font-size: 12px; }
.store-back { display: flex; gap: 5px; align-items: center; border: 0; padding: 4px 0; background: transparent; color: #a8bed3; font-size: 11px !important; cursor: pointer; margin-bottom: 32px; }
.store-back svg { width: 16px; height: 16px; }
.store-detail-heading { display: flex; align-items: center; gap: 22px; }
.store-detail-heading .store-app-icon { width: 85px; height: 85px; border-radius: 23px; }
.store-detail-heading .store-app-icon svg { width: 40px; height: 40px; }
.store-detail-heading h3 { font-size: 29px; }
.store-detail-status { display: flex; align-items: center; gap: 14px; margin: 28px 0; padding-bottom: 26px; border-bottom: 1px solid #ffffff0c; color: #8ba0b7; font-size: 11px; flex-wrap: wrap; }
.store-upcoming-badge { color: #c5d4e4; font-size: 11px; padding: 9px 15px; border-radius: 9px; border: 1px solid #ffffff12; background: #ffffff04; }
.store-open-button { border: 1px solid #d0e5f1; background: #d0e5f1; color: #14293b; padding: 9px 22px; border-radius: 10px; font-size: 11px !important; font-weight: 600 !important; cursor: pointer; }
.store-detail-about h4 { font-size: 15px; font-weight: 500; margin: 0 0 14px; }
.store-detail-about p, .store-detail-about li { color: #94a9bf; font-size: 12px; line-height: 1.9; }
.store-detail-about ul { padding-left: 18px; margin-top: 18px; }
.taskbar .dock-store.app-running::before { content: ''; width: 4px; height: 4px; background: #c1d4e6; border-radius: 50%; position: absolute; bottom: 2px; }
@media (max-width: 760px) {
  .store-window { width: calc(100% - 28px); }
  .store-layout { grid-template-columns: 160px minmax(0, 1fr); }
  .store-content { padding: 22px; }
  .store-grid { grid-template-columns: 1fr; }
  .store-feature-art { right: -20px; opacity: .5; }
  .store-feature-copy strong { font-size: 24px; }
}
@media (max-width: 560px) {
  .store-window { position: fixed; inset: 70px 10px auto; width: auto; transform: none; height: calc(100dvh - 166px); min-height: 200px; border-radius: 17px; }
  .store-titlebar { height: 47px; padding-left: 16px; }
  .store-layout { display: flex; flex-direction: column; height: calc(100% - 47px); }
  .store-sidebar { padding: 12px; border-right: 0; border-bottom: 1px solid #ffffff0b; flex-shrink: 0; }
  .store-search { margin: 0 0 10px; padding: 9px 10px; }
  #storeCategories { flex-direction: row; overflow-x: auto; gap: 4px; scrollbar-width: none; }
  .store-category { white-space: nowrap; padding: 8px 10px; width: auto; font-size: 10px !important; gap: 6px; }
  .store-category svg { width: 14px; height: 14px; }
  .store-sidebar-footer { display: none; }
  .store-content { padding: 21px 17px; flex: 1; }
  .store-section-heading h3 { font-size: 25px; }
  .store-feature { padding: 21px; min-height: 180px; margin-top: 22px; }
  .store-feature-art { right: -50px; top: 32px; opacity: .55; }
  .store-feature-copy { max-width: 175px; }
  .store-grid { gap: 10px; }
  .store-detail-heading { gap: 14px; }
  .store-detail-heading h3 { font-size: 22px; }
  .store-detail-heading .store-app-icon { width: 65px; height: 65px; border-radius: 19px; }
  .store-detail-heading .store-app-icon svg { width: 31px; height: 31px; }
}
@media (prefers-reduced-motion: reduce) { .store-window { animation: none; } .store-window button { transition: none; } }