:root{
  --ApplicationBackgroundColor:#ffffff;
  --ApplicationTextColor:#1a1a1a;
  --LinkColor:#000000;
  --AppTitlebarBackgroundColor:#7b001c;
  --AppTitlebarTextColor:#ffffff;
  --AppTitlebarContainerHeight:8vh;
  --AppTitlebarTextHeight:2vh;
  --AppTitlebarContainerPadding:0vh;
  --AppBodyContainerPadding:0vh;
  --AppBodyInstallContainerPadding:0vh;
  --AppFooterContainerPadding:0vh;
  --AppTitlebarBorderColor:transparent;
  --AppTitlebarBorderSize:0vh;
  --AppTitlebarCurve:0vh;
  --AppFooterBorderColor:transparent;
  --AppFooterBorderSize:0vh;
  --AppFooterCurve:0vh;
  --AppFooterBackgroundColor:#5c0015;
  --AppFooterTextColor:#ffffff;
  --AppFooterContainerHeight:5vh;
  --AppFooterTextHeight:1.5vh;
  --MainWindowTitlebarIconPadding:0.25vh;
  --MainCardIconPadding:0.25vh;
  --MainWindowTitlebarIconColor:#ffffff;
  --MainWindowTitlebarIconImageColor:#ffffff;
  --MainCardIconColor:#ffffff;
  --MainCardIconImageColor:#000000;
  --NavLinkColor:#d4af37;
  --HeaderBorderColor:#0000001f;
  --HeaderBorderSize:1px;

  --LogoBackgroundColor:#ffffff;
  --LogoHeight:5.5vh;
  --LogoBorderColor:#a70000;
  --LogoColor:#a70000;
  --LogoBorderSize:0.25vh;
  --LogoBorderSize500:0.125vh;
  --LogoCurve:8px;
  --LogoImage:none;

  --LoaderGroupTextColor:#ffffff;
  --LoaderIconImage:none;
  --SplashLogoImage:none;

  --TextXS:1.25vh;
  --TextS:1.5vh;
  --TextM:1.75vh;
  --TextL:2vh;
  --TextXL:2.25vh;

  --MainWindowBackgroundColor:#ffffff;
  --MainWindowBorderColor:#d4af37;
  --MainWindowBorderSize:0.25vh;
  --MainWindowBorderSize500:0.125vh;
  --MainWindowCurve:0.5vh;
  --MainWindowCurve500:0.3125vh;
  --MainWindowPadding:0vh;
  --MainWindowTitlebarHeight:3vh;
  --MainWindowTitlebarBackgroundColor:#650c0c;
  --MainWindowFooterBackgroundColor:#650c0c;
  --MainWindowTitlebarTextColor:#ffffff;
  --MainWindowTitlebarTextHeight:1.75vh;
  --MainLayerPadding:0.25vh;
  --MainLayerPadding500:0.125vh;
  --MainWindowBodyPadding:0.25vh;
  --MainWindowBodyPadding500:0.125vh;
  --MainWindowFooterHeight:calc(var(--MainWindowCurve) * 0.6);
  --MainWindowFooterHeight500:calc(var(--MainWindowCurve500) * 0.6);

  --MainCardBackgroundColor:#eeeded;
  --MainCardBorderColor:#0000001f;
  --MainCardBorderSize:1px;
  --MainCardPadding:0.5vh;

  --SubWindowBackgroundColor:#ffffff;
  --SubLayerPadding:0.75vh;
  --SubLayerPadding500:0.375vh;
  --SubWindowBorderColor:#d4af37;
  --SubWindowBorderSize:0.25vh;
  --SubWindowBorderSize500:0.125vh;
  --SubWindowCurve:0.5vh;
  --SubWindowCurve500:0.25vh;
  --SubWindowTitlebarBackgroundColor:#9c2020;
  --SubWindowTitlebarTextColor:#ffffff;
  --SubWindowShadowColor:#00000090;
  --SubWindowBodyPadding:0.25vh;
  --SubWindowBodyPadding500:0.125vh;

  --SubWindowTitlebarHeight:3vh;
  --SubWindowFooterHeight:4.5vh;

  --NotificationOverlayBackgroundColor:#000000bb;
  --NotificationOverlayLightBackgroundColor:#00000022;
  --NotificationWindowBackgroundColor:#ffffff;
  --NotificationWindowBorderColor:#d4af37;
  --NotificationWindowBorderSize:0.25vh;
  --NotificationWindowBorderSize500:0.125vh;
  --NotificationWindowCurve:0.5vh;
  --NotificationWindowCurve500:0.25vh;
  --NotificationTitleBackgroundColor:#650c0c;
  --NotificationTitleTextColor:#ffffff;
  --NotificationTextHeight:1.75vh;
  --NotificationBodyPadding:0.25vh;
  --NotificationBodyPadding500:0.125vh;

  --ImagePreviewWindowBackgroundColor:#ffffff;
  --ImagePreviewWindowBorderColor:#d4af37;
  --ImagePreviewWindowBorderSize:0.25vh;
  --ImagePreviewWindowBorderSize500:0.125vh;
  --ImagePreviewWindowCurve:0.5vh;
  --ImagePreviewWindowCurve500:0.25vh;
  --ImagePreviewBodyBackgroundColor:#111111;
  --ImagePreviewBodyPadding:1vh 0.5vh;

  --FullViewWindowBackgroundColor:#ffffff;
  --FullViewWindowBorderColor:#d4af37;
  --FullViewWindowBorderSize:0.25vh;
  --FullViewWindowBorderSize500:0.125vh;
  --FullViewWindowCurve:0.5vh;
  --FullViewWindowCurve500:0.25vh;
  --FullViewBodyPadding:0.5vh;

  --InlineTitlebarBackgroundColor:#a5372a;
  --InlineTitlebarTextColor:#ffffff;
  --InlineTitlebarHeight:3vh;
  --InlineTitlebarTextHeight:1.75vh;
  --InlineTitlebarActionPadding:0.25vh;
  --ContentRoundedTextBackgroundColor:#d4af37;
  --ContentColorTextColor:#650c0c;

  --PositiveButtonBackgroundColor:#2c5e38;
  --NegativeButtonBackgroundColor:#892d23;
  --NeutralButtonBackgroundColor:#505050;
  --InputButtonBackgroundColor:#505050;
  --ButtonTextColor:#ffffff;
  --ButtonBorderColor:#ffffff;
  --ButtonBorderSize:0.25vh;
  --ButtonBorderSize500:0.125vh;
  --ButtonCurve:6px;

  --InputFieldBorderColor:#cccccc;
  --InputFieldBorderSize:1px;
  --InputFieldCurve:6px;

  --AlternateRowColor1:#eeeded;
  --AlternateRowColor2:#ffffff;
  --ScrollableTableHeaderBackgroundColor:#650c0c;
  --ScrollableTableHeaderTextColor:#ffffff;
  --PhotoThumbnailBorderColor:#000000;
  --PhotoThumbnailBorderSize:0.25vh;
  --DialogCloseButtonColor:#ffffff;
}

html{margin:0; padding:0; }
body{width:100%; height:100%; }
a{text-decoration:none; font-weight:800; color:var(--LinkColor); }
div{box-sizing:border-box; }

html, body{height:100vh; margin:0; padding:0; overflow:hidden; overscroll-behavior:none; -webkit-overflow-scrolling:auto; }
body{background:var(--ApplicationBackgroundColor); color:var(--ApplicationTextColor); font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
button, input, select, textarea{font:inherit; box-sizing:border-box; }
header{position:sticky; top:0; backdrop-filter:saturate(180%) blur(12px); border-bottom:var(--HeaderBorderSize) solid var(--HeaderBorderColor); padding:12px 16px; display:flex; align-items:center; gap:12px; z-index:10; }
footer{padding:8px 16px; font-size:12px; color:var(--ApplicationTextColor); text-align:center; }

/* ===== BASE CONTAINERS ===== */
div, span{-webkit-user-select:none; -webkit-touch-callout:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

/* ===== LOADER WRAPPERS ===== */
.Loader{opacity:0; z-index:400; }
.LoaderGroup{position:fixed; top:50%; left:50%; font-weight:bold; color:var(--LoaderGroupTextColor); text-align:center; transform:translate(-50%, -50%); }
.LoaderText{--se-animation-duration:2.4s; animation-timing-function:ease-in-out; }
.LoaderIcon{--se-animation-duration:3s; width:100px; height:100px; margin:0 auto; background-image:var(--LoaderIconImage); background-size:contain; background-position:center; background-repeat:no-repeat; }

.DisplayNone{display:none; }
.DisplayBlock{display:block; }

.Loader.Show{display:block; --se-animation-duration:200ms; }
.Loader.Hide{display:block; --se-animation-duration:1.2s; }

/* ===== CURSORS ===== */
.Hand{cursor:pointer; }
.CrosshairCursor{cursor:crosshair; }
.MoveCursor{cursor:move; }
.WaitCursor{cursor:wait; }
.HelpCursor{cursor:help; }
.TextCursor{cursor:text; }
.NotAllowedCursor{cursor:not-allowed; }
.GrabCursor{cursor:grab; }
.GrabbingCursor{cursor:grabbing; }
.ZoomInCursor{cursor:zoom-in; }
.ZoomOutCursor{cursor:zoom-out; }

/* ===== RESPONSIVE FONTS ===== */
.TextXS{font-size:var(--TextXS); }
.TextS{font-size:var(--TextS); }
.TextM{font-size:var(--TextM); }
.TextL{font-size:var(--TextL); }
.TextXL{font-size:var(--TextXL); }

.Center{text-align:center; }
.VCenter{vertical-align:center; }
.Bold{font-weight: bold; }
.Bolder{font-weight: bolder; }
.Italic{font-style: italic; }
.Underline{text-decoration: underline; }
.Overline{text-decoration: overline; }
.Bothline{text-decoration: underline overline; }
.Strikethrough{text-decoration: line-through; }

/* ===== STRIPING ==== */
.AlternateRow tr:nth-child(odd){background-color:var(--AlternateRowColor1); }
.AlternateRow tr:nth-child(even){background-color:var(--AlternateRowColor2); }
.ScrollableTable{width:100%; border-collapse:separate; border-spacing:0; }
.ScrollableTable thead th{position:sticky; top:0vh; z-index:1; background-color:var(--ScrollableTableHeaderBackgroundColor); color:var(--ScrollableTableHeaderTextColor); }

/* ===== CORE LAYOUT ===== */
.Application{width:100vw; height:100vh; background:var(--ApplicationBackgroundColor); color:var(--ApplicationTextColor); }
.AppTitlebarContainer{width:100vw; height:var(--AppTitlebarContainerHeight); padding:var(--AppTitlebarContainerPadding); }
.AppTitlebar{display:block; width:100%; height:100%; position:relative; line-height:var(--LogoHeight); padding:2vh 0.5vh 0.5vh 0.5vh; background:var(--AppTitlebarBackgroundColor); color:var(--AppTitlebarTextColor); border:var(--AppTitlebarBorderSize) solid var(--AppTitlebarBorderColor); border-radius:var(--AppTitlebarCurve); font-size:var(--AppTitlebarTextHeight); overflow:hidden; }
.AppBodyContainer{width:100vw; height:calc(100vh - var(--AppTitlebarContainerHeight) - var(--AppFooterContainerHeight)); padding:var(--AppBodyContainerPadding); }
.AppBody{display:block; width:100%; height:100%; overflow:hidden; }
.AppBodyInstallContainer{width:100%; height:100%; padding:var(--AppBodyInstallContainerPadding); }
.AppFooterContainer{width:100vw; height:var(--AppFooterContainerHeight); padding:var(--AppFooterContainerPadding); }
.AppFooter{display:block; width:100%; height:100%; line-height:1vh; font-size:var(--AppFooterTextHeight); padding:0.5vh 0.5vh 1vh 0.5vh; background:var(--AppFooterBackgroundColor); color:var(--AppFooterTextColor); border:var(--AppFooterBorderSize) solid var(--AppFooterBorderColor); border-radius:var(--AppFooterCurve); text-align:center; overflow:hidden; }
.AppFooterNavigation{height:100%; }
.AppFooterLink{width:10vw; height:100%; margin:0 2vw; text-align:center; }
.AppFooterIcon{height:100%; aspect-ratio:1/1; color:var(--AppFooterTextColor); fill:currentColor; }
.AppWindow{max-width:400px; margin:0px auto; }
.ViewPane{display:block; width:100%; height:100%; }

.Logo{width:var(--LogoHeight); height:var(--LogoHeight); background:var(--LogoBackgroundColor); color:var(--LogoColor); border-radius:var(--LogoCurve); border:var(--LogoBorderSize) solid var(--LogoBorderColor); background-image:var(--LogoImage); background-size:contain; }
.HeadLineTitle{height:4vh; font-size:2vh; font-weight:bold; position:absolute; left:var(--LogoHeight); bottom:0.5vh; padding:0vh 2vh; }
.NavLink{text-decoration:none; color:var(--NavLinkColor); }

.Component{width:100%; height:100%; position:relative; }

.SplashScreen{width:100vw; height:100vh; position:absolute; top:0; left:0; padding:0 10vw; overflow:hidden; }
.SplashLogo{width:80vw; height:60vw; max-height:45vh; position:relative; top:50vh; opacity:0; background-image:var(--SplashLogoImage); background-size:contain; background-repeat:no-repeat; background-position:center center; }
.SplashText{width:80vw; position:relative; top:35vh; opacity:0; text-align:center; font-size:1.5vh; font-weight:bold; }

.MainLayer{width:100%; height:100%; position:relative; padding:var(--MainLayerPadding); }
.MainWindow{width:100%; height:100%; display:block; padding:var(--MainWindowPadding); border:var(--MainWindowBorderSize) solid var(--MainWindowBorderColor); border-radius:var(--MainWindowCurve); background:var(--MainWindowBackgroundColor); overflow:hidden; }
.MainWindowTitlebar{height:var(--MainWindowTitlebarHeight); width:100%; line-height:var(--MainWindowTitlebarHeight); background-color:var(--MainWindowTitlebarBackgroundColor); color:var(--MainWindowTitlebarTextColor); border-radius:max(0vh, calc(var(--MainWindowCurve) - var(--MainWindowBorderSize))) max(0vh, calc(var(--MainWindowCurve) - var(--MainWindowBorderSize))) 0vh 0vh; padding:0vh 0.25vh; font-size:var(--MainWindowTitlebarTextHeight); font-weight:800; }
.MainWindowTitlebarIconContainer{height:100%; float:right; line-height:calc(var(--MainWindowTitlebarHeight) + 1vh); }
.MainWindowTitlebarIcon{width:3vh; height:3vh; padding:var(--MainWindowTitlebarIconPadding); border:0; color:var(--MainWindowTitlebarIconColor); background-color:transparent; box-sizing:border-box; }
.MainWindowTitlebarIconImage{width:100%; height:100%; display:block; color:var(--MainWindowTitlebarIconImageColor); fill:currentColor; object-fit:contain; }
.MainWindowBody{height:calc(100% - var(--MainWindowTitlebarHeight) - var(--MainWindowFooterHeight)); padding:var(--MainWindowBodyPadding); overflow:hidden; }
.MainWindowFooter{height:var(--MainWindowFooterHeight); width:100%; background:var(--MainWindowFooterBackgroundColor); border-radius:0vh 0vh max(0vh, calc(var(--MainWindowCurve) - var(--MainWindowBorderSize))) max(0vh, calc(var(--MainWindowCurve) - var(--MainWindowBorderSize))); }
.MainWindowStaticControl{width:100%; text-align:center; position:absolute; bottom:0vh; padding:0.25vh 0 0.75vh 0; }
.MainFullPage{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2vh; }

.MainCardEmpty{width:100%; min-height:8vh; text-align:center; padding:var(--MainCardPadding); background-color:var(--MainCardBackgroundColor); border:var(--MainCardBorderSize) solid var(--MainCardBorderColor); border-radius:max(0vh, calc(var(--MainWindowCurve) - var(--MainCardBorderSize))); }
.MainCard{width:100%; min-height:8vh; position:relative; margin-bottom:0.5vh; padding:var(--MainCardPadding); background-color:var(--MainCardBackgroundColor); border:var(--MainCardBorderSize) solid var(--MainCardBorderColor); border-radius:max(0vh, calc(var(--MainWindowCurve) - var(--MainCardBorderSize))); }
.MainCardLeader{width:33%; text-align:center; float:left; padding:0.5vh; background-color:var(--MainCardJobBackgroundColor); border-radius:0.25vh; }
.MainCardContent{width:64%; float:left; padding:0.5vh; }
.MainCardIcon{width:3vh; height:3vh; position:absolute; top:0.5vh; right:0.5vh; border:0; text-align:center; padding:var(--MainCardIconPadding); color:var(--MainCardIconColor); background-color:transparent; box-sizing:border-box; }
.MainCardIconImage{width:100%; height:100%; display:block; color:var(--MainCardIconImageColor); fill:currentColor; object-fit:contain; }
.BigCard{width:100%; height:100%; position:relative; padding:var(--MainCardPadding); background-color:var(--MainCardBackgroundColor); border:var(--MainCardBorderSize) solid var(--MainCardBorderColor); border-radius:max(0vh, calc(var(--MainWindowCurve) - var(--MainCardBorderSize))); }
.BigCardLeader{width:33%; height:100%; text-align:center; float:left; padding:0.5vh; background-color:var(--MainCardJobBackgroundColor); border-radius:0.25vh; }
.BigCardContent{width:64%; height:100%; float:left; padding:0.5vh; overflow-y:auto; }
.BigCardIcon{width:3vh; height:3vh; position:absolute; top:0.5vh; right:0.5vh; border:0; text-align:center; padding:var(--MainCardIconPadding); color:var(--MainCardIconColor); background-color:transparent; box-sizing:border-box; }
.BigCardIconImage{width:100%; height:100%; display:block; color:var(--MainCardIconImageColor); fill:currentColor; object-fit:contain; }

.PhotoThumbnail{width:30.5vw; height:30.5vw; float:left; margin:0.25vh; border:var(--PhotoThumbnailBorderSize) solid var(--PhotoThumbnailBorderColor); background-size:cover; background-position:center; background-repeat:no-repeat; cursor:pointer; }
.MainWindowScroll{overflow-y:auto; overscroll-behavior:contain; }
.ContentRoundedText{padding:0.375vh 0.5vh; border-radius:0.75vh; background-color:var(--ContentRoundedTextBackgroundColor); }
.ContentPaddedText{padding:0.375vh 0vh; }
.ContentColorText{font-weight:700; color:var(--ContentColorTextColor); }
.ClearFloat{clear:both; height:0; }

.SubLayer{width:100vw; height:100%; position:absolute; top:0; background-color:var(--NotificationOverlayBackgroundColor); padding:var(--SubLayerPadding); }
.SubLayer.Light{background-color:var(--NotificationOverlayLightBackgroundColor); }
.SubWindow{width:calc(100% - var(--SubLayerPadding) - var(--SubLayerPadding)); position:absolute; border:var(--SubWindowBorderSize) solid var(--SubWindowBorderColor); border-radius:var(--SubWindowCurve); z-index:100; background-color:var(--SubWindowBackgroundColor); box-shadow:0.125vh 0.125vh 0.625vh var(--SubWindowShadowColor); }
.SubWindowTitlebar{height:var(--SubWindowTitlebarHeight); width:100%; line-height:var(--SubWindowTitlebarHeight); background-color:var(--SubWindowTitlebarBackgroundColor); color:var(--SubWindowTitlebarTextColor); border-radius:max(0vh, calc(var(--SubWindowCurve) - var(--SubWindowBorderSize))) max(0vh, calc(var(--SubWindowCurve) - var(--SubWindowBorderSize))) 0vh 0vh; padding:0vh 0.25vh; font-weight:800; }
.SubWindowBody{padding:var(--SubWindowBodyPadding); }
.SubWindowFooter{min-height:var(--SubWindowFooterHeight); text-align:center; padding:0.5vh 0vh; }

.NotificationOverlay{background-color:var(--NotificationOverlayBackgroundColor); position:fixed; top:0; left:0; bottom:0; right:0; z-index:200; justify-content:center; align-items:center; }
.Notification, .Confirmation, .LogicBranch, .ImagePreview, .FullView{z-index:400; }
.NotificationOverlay{display:none; }
.NotificationFooter{height:var(--SubWindowFooterHeight); padding:0.5vh; line-height:calc(var(--SubWindowFooterHeight) - 1vh); text-align:center; }
.LogicBranchFooter{min-height:var(--SubWindowFooterHeight); padding:0.5vh; line-height:calc(var(--SubWindowFooterHeight) - 1vh); text-align:center; }
.NotificationFooter button, .LogicBranchFooter button, .ImagePreviewFooter button, .FullViewFooter button, .SubWindowFooter button{line-height:normal; vertical-align:middle; }
.NotificationWindow{width:100vw; min-height:20vh; max-height:350px; max-width:380px; border:var(--NotificationWindowBorderSize) solid var(--NotificationWindowBorderColor); border-radius:var(--NotificationWindowCurve); background:var(--NotificationWindowBackgroundColor); position:fixed; bottom:35vh; margin:0px calc((100vw - 380px) / 2); }
.NotificationTitle{height:var(--SubWindowTitlebarHeight); width:100%; line-height:var(--SubWindowTitlebarHeight); background-color:var(--NotificationTitleBackgroundColor); color:var(--NotificationTitleTextColor); border-radius:max(0vh, calc(var(--NotificationWindowCurve) - var(--NotificationWindowBorderSize))) max(0vh, calc(var(--NotificationWindowCurve) - var(--NotificationWindowBorderSize))) 0vh 0vh; padding:0vh 0.25vh; font-weight:800; }
.ImagePreviewTitle{border-radius:max(0vh, calc(var(--ImagePreviewWindowCurve) - var(--ImagePreviewWindowBorderSize))) max(0vh, calc(var(--ImagePreviewWindowCurve) - var(--ImagePreviewWindowBorderSize))) 0vh 0vh; }
.DialogCloseButton{position:absolute; top:0; right:0; z-index:1; width:3vh; height:3vh; padding:0; border:0; background:transparent; color:var(--DialogCloseButtonColor); font:inherit; font-size:2.5vh; line-height:3vh; text-align:center; cursor:pointer;}
.NotificationBody{height:11vh; padding:var(--NotificationBodyPadding); text-align:center; vertical-align:center; font-size:var(--NotificationTextHeight); }
.NotificationMessage{margin:4vh auto 0vh; }
.ImagePreviewWindow{width:94vw; height:72vh; max-width:900px; border:var(--ImagePreviewWindowBorderSize) solid var(--ImagePreviewWindowBorderColor); border-radius:var(--ImagePreviewWindowCurve); background:var(--ImagePreviewWindowBackgroundColor); position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; }
.ImagePreviewBody{height:calc(100% - var(--SubWindowTitlebarHeight) - var(--SubWindowFooterHeight)); padding:var(--ImagePreviewBodyPadding); display:flex; align-items:center; justify-content:center; background:var(--ImagePreviewBodyBackgroundColor); }
.ImagePreviewImage{display:block; max-width:100%; max-height:100%; object-fit:contain; }
.ImagePreviewFooter{height:var(--SubWindowFooterHeight); padding:0.5vh; line-height:calc(var(--SubWindowFooterHeight) - 1vh); text-align:center; }
.FullViewWindow{width:96vw; height:75vh; max-width:900px; border:var(--FullViewWindowBorderSize) solid var(--FullViewWindowBorderColor); border-radius:var(--FullViewWindowCurve); background:var(--FullViewWindowBackgroundColor); position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; }
.FullViewTitle{border-radius:max(0vh, calc(var(--FullViewWindowCurve) - var(--FullViewWindowBorderSize))) max(0vh, calc(var(--FullViewWindowCurve) - var(--FullViewWindowBorderSize))) 0vh 0vh; }
.FullViewBody{height:calc(100% - var(--SubWindowTitlebarHeight) - var(--SubWindowFooterHeight)); padding:var(--FullViewBodyPadding); overflow-y:auto; }
.FullViewContent{width:100%; height:100%; }
.FullViewFooter{height:var(--SubWindowFooterHeight); padding:0.5vh; line-height:calc(var(--SubWindowFooterHeight) - 1vh); text-align:center; }
.InlineTitlebar{text-align:center; height:var(--InlineTitlebarHeight); width:100%; line-height:var(--InlineTitlebarHeight); background-color:var(--InlineTitlebarBackgroundColor); color:var(--InlineTitlebarTextColor); padding:0vh 0.25vh; font-weight:800; font-size:var(--InlineTitlebarTextHeight); }
.InlineTitlebarColor{background-color:var(--InlineTitlebarBackgroundColor); color:var(--InlineTitlebarTextColor); }
.InlineTitlebarAction{width:var(--InlineTitlebarHeight); height:var(--InlineTitlebarHeight); padding:var(--InlineTitlebarActionPadding); border:0; float:right; background:transparent; color:inherit; box-sizing:border-box; cursor:pointer; }
.InlineTitlebarActionImage{width:100%; height:100%; display:block; color:inherit; fill:currentColor; object-fit:contain; }
.PositiveButton{width:47%; height:4vh; border:var(--ButtonBorderSize) solid var(--ButtonBorderColor); border-radius:var(--ButtonCurve); background:var(--PositiveButtonBackgroundColor); color:var(--ButtonTextColor); font-weight:600; cursor:pointer; }
.NegativeButton{width:47%; height:4vh; border:var(--ButtonBorderSize) solid var(--ButtonBorderColor); border-radius:var(--ButtonCurve); background:var(--NegativeButtonBackgroundColor); color:var(--ButtonTextColor); font-weight:600; cursor:pointer; }
.NeutralButton{width:47%; height:4vh; border:var(--ButtonBorderSize) solid var(--ButtonBorderColor); border-radius:var(--ButtonCurve); background:var(--NeutralButtonBackgroundColor); color:var(--ButtonTextColor); font-weight:600; cursor:pointer; }
.InputButton{width:47%; height:4vh; border:var(--ButtonBorderSize) solid var(--ButtonBorderColor); border-radius:var(--ButtonCurve); background:var(--InputButtonBackgroundColor); color:var(--ButtonTextColor); font-weight:600; cursor:pointer; }
.PositiveButton.L, .NegativeButton.L, .NeutralButton.L, .InputButton.L{width:47%; }
.PositiveButton.XS, .NegativeButton.XS, .NeutralButton.XS{width:9vw; }
.PositiveButton.M, .NegativeButton.M, .NeutralButton.M, .InputButton.M{width:31%; }
.PositiveButton.S, .NegativeButton.S, .NeutralButton.S, .InputButton.S{width:24%; }
.InputButton input[type="text"], .InputButton input[type="date"], .InputButton input[type="number"], .InputButton select{width:90%; }

.InputField{width:100%; padding:0.5vh; border:var(--InputFieldBorderSize) solid var(--InputFieldBorderColor); border-radius:var(--InputFieldCurve); box-sizing:border-box; }
.InputField.S input[type="text"], .InputField.S input[type="date"], .InputField.S input[type="number"], .InputField.S select{width:33%; }
.InputField.M input[type="text"], .InputField.M input[type="date"], .InputField.M input[type="number"], .InputField.M select{width:49%; }
.InputField.L input[type="text"], .InputField.L input[type="date"], .InputField.L input[type="number"], .InputField.L select{width:90%; }
.InputField.XL input[type="text"], .InputField.XL input[type="date"], .InputField.XL input[type="number"], .InputField.XL select{width:100%; }

@media screen and (min-width:500px){
  /* ===== 1. CORE STRUCTURAL BASIS OVERRIDES ===== */
  .Logo{border-width:var(--LogoBorderSize500); }
  .MainLayer{padding:var(--MainLayerPadding500); }
  .MainWindow{border-width:var(--MainWindowBorderSize500); border-radius:var(--MainWindowCurve500); }
  .MainWindowTitlebar{border-radius:max(0vh, calc(var(--MainWindowCurve500) - var(--MainWindowBorderSize500))) max(0vh, calc(var(--MainWindowCurve500) - var(--MainWindowBorderSize500))) 0vh 0vh; padding:0vh 0.25vh; }
  .MainCard{border-radius:max(0vh, calc(var(--MainWindowCurve500) - var(--MainCardBorderSize))); }
  .BigCard{border-radius:max(0vh, calc(var(--MainWindowCurve500) - var(--MainCardBorderSize))); }

  /* ===== 2. CONTENT CONTAINER EXTENSIONS ===== */
  .MainWindowBody{height:calc(100% - var(--MainWindowTitlebarHeight) - var(--MainWindowFooterHeight500)); padding:var(--MainWindowBodyPadding500); }
  .MainWindowFooter{height:var(--MainWindowFooterHeight500); border-radius:0vh 0vh max(0vh, calc(var(--MainWindowCurve500) - var(--MainWindowBorderSize500))) max(0vh, calc(var(--MainWindowCurve500) - var(--MainWindowBorderSize500))); }
  /* .MainWindowStaticControl{padding:0.125vh 0 0.375vh 0; } */

  /* ===== 3. POPUP MODALS & SUB-WINDOW CLUSTERS ===== */
  .SubLayer{padding:var(--SubLayerPadding500); }
  .SubWindow{width:calc(100% - var(--SubLayerPadding500) - var(--SubLayerPadding500)); border-width:var(--SubWindowBorderSize500); border-radius:var(--SubWindowCurve500); box-shadow:0.0625vh 0.0625vh 0.3125vh var(--SubWindowShadowColor); }
  .SubWindowTitlebar{border-radius:max(0vh, calc(var(--SubWindowCurve500) - var(--SubWindowBorderSize500))) max(0vh, calc(var(--SubWindowCurve500) - var(--SubWindowBorderSize500))) 0vh 0vh; padding:0vh 0.125vh; }
  .SubWindowBody{padding:var(--SubWindowBodyPadding500); }
  .SubWindow400{width:420px; margin:0px calc((100vw - 420px) / 2); }

  /* ===== 4. SYSTEM NOTIFICATION OVERLAYS ===== */
  .NotificationWindow{max-width:400px; border-width:var(--NotificationWindowBorderSize500); border-radius:var(--NotificationWindowCurve500); margin:0px calc((100vw + 0.75vh - 400px) / 2); }
  .NotificationTitle{border-radius:max(0vh, calc(var(--NotificationWindowCurve500) - var(--NotificationWindowBorderSize500))) max(0vh, calc(var(--NotificationWindowCurve500) - var(--NotificationWindowBorderSize500))) 0vh 0vh; padding:0vh 0.125vh; }
  .ImagePreviewTitle{border-radius:max(0vh, calc(var(--ImagePreviewWindowCurve500) - var(--ImagePreviewWindowBorderSize500))) max(0vh, calc(var(--ImagePreviewWindowCurve500) - var(--ImagePreviewWindowBorderSize500))) 0vh 0vh; }
  .NotificationBody{padding:var(--NotificationBodyPadding500); }
  .ImagePreviewWindow{border-width:var(--ImagePreviewWindowBorderSize500); border-radius:var(--ImagePreviewWindowCurve500); }
  .FullViewWindow{border-width:var(--FullViewWindowBorderSize500); border-radius:var(--FullViewWindowCurve500); }
  .FullViewTitle{border-radius:max(0vh, calc(var(--FullViewWindowCurve500) - var(--FullViewWindowBorderSize500))) max(0vh, calc(var(--FullViewWindowCurve500) - var(--FullViewWindowBorderSize500))) 0vh 0vh; }

  /* ===== 5. FORM LAYOUT CONTROLS & COMPONENT SIZING ===== */
  .InlineTitlebar{padding:0vh 0.125vh; }
  .PositiveButton, .NegativeButton, .NeutralButton, .InputButton{border-width:var(--ButtonBorderSize500); }
}