/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
/* TrioSoft Unified UI 16.1.7 — one visual language across public, account and admin */
:root{
  --ts-font:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,sans-serif;
  --ts-radius-xs:10px;--ts-radius-sm:14px;--ts-radius-md:18px;--ts-radius-lg:24px;--ts-radius-xl:30px;--ts-pill:999px;
  --ts-space-1:6px;--ts-space-2:10px;--ts-space-3:14px;--ts-space-4:18px;--ts-space-5:24px;--ts-space-6:32px;
  --ts-control-h:42px;--ts-control-small:36px;
  --ts-ease:cubic-bezier(.22,.8,.28,1);
  --ts-card-bg:linear-gradient(155deg,color-mix(in srgb,var(--mat-thick,rgba(255,255,255,.82)) 92%,transparent),color-mix(in srgb,var(--mat,rgba(255,255,255,.64)) 94%,transparent));
  --ts-card-border:var(--edge,rgba(0,0,0,.08));
  --ts-card-shadow:var(--sh-1,0 8px 28px rgba(0,0,0,.07));
  --ts-card-shadow-hover:var(--sh-2,0 18px 44px rgba(0,0,0,.11));
}
html{font-family:var(--ts-font);scrollbar-color:color-mix(in srgb,var(--ink-3,#86868b) 50%,transparent) transparent;scrollbar-width:thin}
body{font-family:var(--ts-font)!important}
*{scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-3,#86868b) 35%,transparent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink-3,#86868b) 55%,transparent);border:3px solid transparent;background-clip:padding-box}
::selection{background:color-mix(in srgb,var(--tint,#0071e3) 26%,transparent)}

/* Shared header material and spacing */
.site-header,.account-header,.admin-topbar{
  border-color:color-mix(in srgb,var(--edge,rgba(255,255,255,.1)) 92%,transparent)!important;
  background:color-mix(in srgb,var(--mat-thick,rgba(28,28,30,.84)) 88%,transparent)!important;
  -webkit-backdrop-filter:saturate(180%) blur(26px)!important;backdrop-filter:saturate(180%) blur(26px)!important;
  box-shadow:0 1px 0 color-mix(in srgb,var(--edge,rgba(255,255,255,.1)) 75%,transparent),0 12px 42px rgba(0,0,0,.08)!important;
}
.site-header .brand,.account-brand,.admin-brand{letter-spacing:-.02em}
.site-header .main-nav a,.account-nav-item,.admin-nav-item{border-radius:var(--ts-radius-sm)!important;transition:background .28s var(--ts-ease),color .28s var(--ts-ease),transform .28s var(--ts-ease)!important}
.site-header .main-nav a:hover,.account-nav-item:hover,.admin-nav-item:hover{transform:translateY(-1px)}

/* Buttons are one family everywhere */
.button,.account-button,.primary-button,.secondary-button,.row-action,.roadmap-vote-button,.premium-buy-button,.premium-offer-button,.premium-continue,
button[type="submit"]:not(.icon-button):not(.theme-toggle):not(.help-category):not(.tab-button):not(.account-nav-item):not(.admin-nav-item){
  min-height:var(--ts-control-h);border-radius:var(--ts-radius-sm)!important;font-family:var(--ts-font)!important;font-weight:650!important;letter-spacing:-.01em!important;
  transition:transform .28s var(--ts-ease),box-shadow .28s var(--ts-ease),background .28s var(--ts-ease),border-color .28s var(--ts-ease),color .28s var(--ts-ease)!important;
}
.button:hover,.account-button:hover,.primary-button:hover,.secondary-button:hover,.row-action:hover,.roadmap-vote-button:hover,.premium-buy-button:hover,.premium-offer-button:hover,.premium-continue:hover{transform:translateY(-1px)}
.button:active,.account-button:active,.primary-button:active,.secondary-button:active,.row-action:active,.roadmap-vote-button:active{transform:scale(.985)}
.button-small,.account-button.small,.primary-button.small,.secondary-button.small{min-height:var(--ts-control-small)!important}
.icon-button,.help-modal-close,.modal-close,.account-icon-button,.admin-icon-button{border-radius:var(--ts-radius-sm)!important;transition:transform .28s var(--ts-ease),background .28s var(--ts-ease),border-color .28s var(--ts-ease)!important}
.icon-button:hover,.help-modal-close:hover,.modal-close:hover,.account-icon-button:hover,.admin-icon-button:hover{transform:translateY(-1px)}

/* Inputs */
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  min-height:var(--ts-control-h);border-radius:var(--ts-radius-sm)!important;border-color:var(--edge,rgba(255,255,255,.1))!important;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 78%,transparent)!important;color:var(--ink,#f5f5f7)!important;font:inherit!important;outline:none!important;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
textarea{padding-top:11px!important;padding-bottom:11px!important}
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--tint,#0071e3) 60%,var(--edge))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tint,#0071e3) 14%,transparent)!important;background:color-mix(in srgb,var(--fill-2,rgba(120,120,128,.24)) 82%,transparent)!important}

/* Common cards and section containers */
.glass-card,.catalog-card,.catalog-summary-card,.premium-plan-card,.premium-app-card,.platform-page-hero,.partner-card,.roadmap-column,.roadmap-kanban-card,.service-card,.incident-card,.help-card,.help-contact-card,
.account-panel,.account-card,.library-card,.security-card,.device-card,.connection-card,.notification-card,.ticket-card,.achievement-card,.mission-card,.profile-frame-card,
.admin-card,.platform-admin-card,.platform-list-item,.settings-card,.dashboard-card,.stat-card,.table-card,.audit-card{
  border-color:var(--ts-card-border)!important;border-radius:var(--ts-radius-lg)!important;background:var(--ts-card-bg)!important;box-shadow:var(--ts-card-shadow)!important;
}
.catalog-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-kanban-card,.help-card,.library-card,.achievement-card,.mission-card,.platform-list-item,.dashboard-card,.stat-card{
  transition:transform .32s var(--ts-ease),border-color .32s ease,box-shadow .32s var(--ts-ease),background .32s ease!important;
}
.catalog-card:hover,.premium-plan-card:hover,.premium-app-card:hover,.partner-card:hover,.roadmap-kanban-card:hover,.help-card:hover,.library-card:hover,.achievement-card:hover,.mission-card:hover,.platform-list-item:hover,.dashboard-card:hover,.stat-card:hover{
  transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--tint,#0071e3) 26%,var(--ts-card-border))!important;box-shadow:var(--ts-card-shadow-hover)!important;
}

/* Shared section typography */
.section-kicker,.account-kicker,.admin-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--tint,#0071e3)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.085em!important;text-transform:uppercase}
h1,h2,h3{letter-spacing:-.035em}p{letter-spacing:-.012em}
.platform-page-hero h1,.catalog-hero h1,.premium-hero h1{font-weight:650!important}

/* Tabs, segmented controls, chips */
.catalog-switcher,.platform-tabs,.account-tabs,.settings-tabs,.admin-tabs,.status-range{padding:4px!important;border:1px solid var(--edge,rgba(255,255,255,.1))!important;border-radius:var(--ts-radius-md)!important;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 72%,transparent)!important}
.catalog-switcher a,.platform-tab,.account-tab,.settings-tab,.admin-tab,[data-status-range]{border-radius:var(--ts-radius-sm)!important}
.badge,.status-pill,.help-card-badge,.premium-plan-badge,.verified-label{border-radius:var(--ts-pill)!important}

/* Modals */
.modal-card,.account-modal-card,.help-modal-card,.premium-modal-card,.news-reader-card,.admin-modal-card{
  border-radius:var(--ts-radius-xl)!important;border:1px solid var(--edge,rgba(255,255,255,.1))!important;background:linear-gradient(155deg,color-mix(in srgb,var(--solid,#1c1c1e) 96%,transparent),color-mix(in srgb,var(--mat-thick,rgba(28,28,30,.84)) 96%,transparent))!important;box-shadow:0 34px 100px rgba(0,0,0,.45)!important;
}
.modal-backdrop,.account-modal-backdrop,.help-modal-backdrop,.premium-modal-backdrop,.news-reader-backdrop,.admin-modal-backdrop{background:rgba(2,5,12,.62)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;backdrop-filter:blur(14px) saturate(140%)!important}

/* Empty/loading states */
.empty-state,.page-empty,.help-empty,.empty-account-state,.empty-table,.premium-loading{border-radius:var(--ts-radius-lg)!important;border-color:var(--edge,rgba(255,255,255,.1))!important;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 58%,transparent)!important}

/* Public secondary pages should use the same width and rhythm */
.platform-page-main,.catalog-main,.premium-main{width:min(calc(100% - (var(--gutter,24px) * 2)),var(--max,1180px));margin-inline:auto}
.platform-page-main{padding-top:118px!important}.platform-page-hero{margin-bottom:28px!important;padding:clamp(28px,4vw,46px)!important}
.help-layout{gap:24px!important}.help-card{min-height:190px!important}

/* Account alignment */
body.account-page{background:var(--paper)!important}.account-shell{gap:24px!important}.account-sidebar,.account-main{border-radius:var(--ts-radius-xl)!important}.account-section-header{margin-bottom:20px!important}.account-section-header h1,.account-section-header h2{font-weight:650!important}

/* Admin alignment */
body.admin-page,body.admin-auth-page{background:var(--paper)!important}.admin-sidebar{border-color:var(--edge)!important;background:color-mix(in srgb,var(--mat-thick) 92%,transparent)!important}.admin-main{background:transparent!important}.view-header{margin-bottom:24px!important}.view-header h1{font-weight:650!important;letter-spacing:-.04em!important}.platform-admin-card,.settings-card{padding:22px!important}

/* Keep every UI responsive with the same breakpoints */
@media(max-width:900px){.platform-page-main{padding-top:96px!important}.platform-page-hero{border-radius:var(--ts-radius-lg)!important}.account-shell{gap:16px!important}.help-layout{gap:16px!important}}
@media(max-width:640px){:root{--ts-radius-lg:20px;--ts-radius-xl:24px;--ts-control-h:44px}.platform-page-main,.catalog-main,.premium-main{width:min(calc(100% - 28px),var(--max,1180px))}.platform-page-hero{padding:24px!important}.button,.account-button,.primary-button,.secondary-button{min-height:44px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Coverage for the actual Account/Admin structures */
.profile-nav,.sidebar-nav{gap:5px!important}
.profile-nav button,.sidebar-nav button{border-radius:var(--ts-radius-sm)!important;min-height:40px!important;transition:transform .25s var(--ts-ease),background .25s ease,color .25s ease,border-color .25s ease!important}
.profile-nav button:hover,.sidebar-nav button:hover{transform:translateX(2px)}
.profile-nav button.active,.sidebar-nav button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint,#0071e3) 16%,transparent),0 4px 14px color-mix(in srgb,var(--tint,#0071e3) 8%,transparent)!important}
.topbar{border-color:var(--edge)!important;background:color-mix(in srgb,var(--mat-thick) 90%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(26px)!important;backdrop-filter:saturate(180%) blur(26px)!important;box-shadow:0 1px 0 var(--edge),0 12px 36px rgba(0,0,0,.07)!important}
.sidebar{border-color:var(--edge)!important;background:color-mix(in srgb,var(--mat-thick) 92%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important;backdrop-filter:saturate(180%) blur(28px)!important}
.login-card,.confirm-card,.platform-table-wrap,.platform-kpi{border-color:var(--ts-card-border)!important;border-radius:var(--ts-radius-lg)!important;background:var(--ts-card-bg)!important;box-shadow:var(--ts-card-shadow)!important}
.platform-kpi{padding:20px!important}.platform-kpi strong{letter-spacing:-.04em}
.table-card table,.platform-table-wrap table{border-collapse:separate;border-spacing:0}.platform-table-wrap th,.platform-table-wrap td{border-color:var(--edge)!important}
.section-heading{padding-bottom:20px!important;margin-bottom:22px!important;border-bottom:1px solid color-mix(in srgb,var(--edge) 78%,transparent)!important}.section-heading h1{font-weight:650!important;letter-spacing:-.04em!important}
.account-card,.account-tab{border-color:var(--ts-card-border)!important;background:var(--ts-card-bg)!important;box-shadow:var(--ts-card-shadow)!important}
.profile-sidebar{position:sticky;top:92px;align-self:start}
.form-grid,.account-form{gap:16px!important}
.form-field>span,.account-form label>span{font-weight:650!important;letter-spacing:-.01em!important}

/* Shared real-time notice surfaces */
.ts-global-notices{position:fixed;z-index:9500;left:50%;top:82px;transform:translateX(-50%);width:min(calc(100% - 28px),760px);display:grid;gap:8px;pointer-events:none}
.ts-global-notice{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 14px;border:1px solid var(--edge);border-radius:var(--ts-radius-md);background:color-mix(in srgb,var(--mat-thick) 94%,transparent);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);box-shadow:var(--sh-2);color:var(--ink);font-size:13px;font-weight:650;text-align:center;pointer-events:auto}
.ts-global-notice.info{border-color:color-mix(in srgb,var(--tint) 30%,var(--edge))}.ts-global-notice.warning{border-color:color-mix(in srgb,var(--orange,#ff9f0a) 40%,var(--edge))}.ts-global-notice.danger{border-color:color-mix(in srgb,var(--red,#ff453a) 40%,var(--edge))}.ts-global-notice a{color:var(--tint);font-weight:750}
@media(max-width:720px){.ts-global-notices{top:70px}.profile-sidebar{position:static}.profile-nav button:hover,.sidebar-nav button:hover{transform:none}}


.ts-copyright-footer{max-width:var(--content,1180px);margin:28px auto 18px;padding:16px 20px;text-align:center;color:var(--ink-3);font-size:12px;line-height:1.5;border-top:1px solid var(--edge);}
.ts-copyright-footer strong{color:var(--ink-2);font-weight:700;}