/*
 * app-level software stylesheet
 */

@import url( /software/stylesheets/schemes.css );

body
{
   background-image: url( /software/SuspiciousPackage/images/SuspiciousPackageIconLarge.png );
   background-image: -webkit-image-set( url( /software/SuspiciousPackage/images/SuspiciousPackageIconLarge.png ) 1x,
                                        url( /software/SuspiciousPackage/images_2x/SuspiciousPackageIconLarge.png ) 2x );
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * product page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content #intro
{
   font-size: 120%;
   color: var( --header-text-color );
}

#content #intro h4
{
   font-family: "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
   text-transform: uppercase;
   font-size: 130%;
   font-weight: 300;
   letter-spacing: 1px;
}

#content #intro h4 .notransform
{
   text-transform: none;
}

#content #intro #possibilities
{
   list-style-type: square;
   font-size: 95%;
   margin: 1em 0 2em 175px;
}

#content #intro .feature-enumeration
{
   display: grid;
   grid-template-columns: 275px 275px 275px;
   grid-gap: 5%;
}

#content #intro .feature-desc
{
   display: grid;
   grid-template-rows: 1.5em 256px auto;
   grid-gap: 1em;
}

#content #intro .feature-desc h5
{
   font-family: "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
   text-transform: uppercase;
   font-size: 110%;
   font-weight: 200;
   margin: 0;
}

#content #intro .feature-shot
{
}

#content #intro .feature-details
{
   list-style-type: square;
   list-style-position: outside;
   padding-left: 20px;
}
   
#content #intro .feature-details li
{
   margin: 0.25em auto;
   line-height: 1;
   font-size: 95%;
}

#content #intro #asides
{
   font-size: 80%;
   margin-top: 2em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * package signature info
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content
{
   --sig-text-color:     rgba( 255, 255, 255, 1 );
   /* -tintColorForTrustType blended with 0.1 +controlBackgroundColor (Aqua) */
   --sig-okay-color:     rgba( calc(  40 * 0.9 + 255 * 0.1 ), calc(  40 * 0.9 + 255 * 0.1 ), calc(  40 * 0.9 + 255 * 0.1 ), 1.000 );
   --sig-apple-color:    rgba( calc(  39 * 0.9 + 255 * 0.1 ), calc( 114 * 0.9 + 255 * 0.1 ), calc(  62 * 0.9 + 255 * 0.1 ), 1.000 );
   --sig-override-color: rgba( calc(  23 * 0.9 + 255 * 0.1 ), calc( 164 * 0.9 + 255 * 0.1 ), calc( 255 * 0.9 + 255 * 0.1 ), 1.000 );
   --sig-stop-color:     rgba( calc( 237 * 0.9 + 255 * 0.1 ), calc(  28 * 0.9 + 255 * 0.1 ), calc(  36 * 0.9 + 255 * 0.1 ), 1.000 );
}

@media (prefers-color-scheme: dark)
{
   #content
   {
      /* -tintColorForTrustType blended with 0.1 +controlBackgroundColor (DarkAqua) */
      --sig-okay-color:     rgba( calc( 110 * 0.9 + 30 * 0.1 ), calc( 110 * 0.9 + 30 * 0.1 ), calc( 110 * 0.9 + 30 * 0.1 ), 1.000 );
      --sig-apple-color:    rgba( calc(  61 * 0.9 + 30 * 0.1 ), calc( 177 * 0.9 + 30 * 0.1 ), calc(  96 * 0.9 + 30 * 0.1 ), 1.000 );
      --sig-override-color: rgba( calc(  23 * 0.9 + 30 * 0.1 ), calc( 164 * 0.9 + 30 * 0.1 ), calc( 255 * 0.9 + 30 * 0.1 ), 1.000 );
      --sig-stop-color:     rgba( calc( 200 * 0.9 + 30 * 0.1 ), calc(  38 * 0.9 + 30 * 0.1 ), calc(  43 * 0.9 + 30 * 0.1 ), 1.000 );
   }
}

#content .signature-status
{
   border: 0px solid currentColor;
   border-radius: 5px;
   padding: 3px 12px;
   text-transform: uppercase;
   white-space: nowrap;
   font: menu;
   font-size: 85%;
   font-weight: 600;
   letter-spacing: -1px;
   display: inline-block;

   color: var( --sig-text-color );
   background-color: var( --sig-okay-color );
}

#content .signature-status.signature-stop
{
   background-color: var( --sig-stop-color );
}

#content .signature-status.signature-override
{
   background-color: var( --sig-override-color );
}

#content .signature-status.signature-apple
{
   background-color: var( --sig-apple-color );
}

#content .sig-info.balanced td:first-child
{
   text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * package subtitles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content .package-subtitle
{
   font-variant: small-caps;
   font-size: 105%;
}

#content .package-subtitle-inline
{
   font-variant: small-caps;
   font-size: 105%;
   white-space: nowrap;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * update page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content #update-summary
{
   clear: both;
   padding: 0.5em 2em;
   border-top: 10px solid var( --box-border-color );
   background-color: var( --box-background-color );
   margin-bottom: 2em;
}

#content #update-summary ul
{
   padding-left: 20px;
}

#content #update-summary blockquote
{
   background-color: var( --box-background-color );
}

#content .deployment-update
{
   color: var( --caution-text-color );
}

#content #update-summary .uie
{
   background-color: var( --ui-element-box-background-color );
}