:root {
  --bobcat-orange:#FF3600;
  --bobcat-black:#000000;
  --bobcat-charcoal:#323E48;
  --bobcat-gull-wing-gray:#A3AAAE;
  --bobcat-tan:#C9C4BD;
  --page-background:#F3F4F5;
  --card-background:#FFFFFF;
  --card-border:#DDE0E2;
}
*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100%;margin:0;padding:0;background:linear-gradient(135deg,#FFFFFF 0%,var(--page-background) 62%,#ECEEEF 100%);color:#000;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:700;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
.site-header{display:flex;align-items:stretch;min-height:80px;background:var(--bobcat-black);color:#FFF;box-shadow:0 3px 12px rgba(0,0,0,.24)}
.brand-panel{display:flex;align-items:center;justify-content:center;width:280px;min-width:280px;padding:14px 28px;background:var(--bobcat-orange)}
.brand-image{display:block;max-width:220px;max-height:52px;width:auto;height:auto;border:0}

.header-main{display:flex;flex:1;align-items:center;min-width:0;padding-left:30px}

.header-title
{
	display:none;
}

.header-navigation{display:flex;flex:1;align-self:stretch;justify-content:flex-end;min-width:0}

.header-link
{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:80px;
	padding:0 22px;
	border-left:1px solid rgba(255,255,255,.22);
	color:#FFF;
	font-size:15px;
	font-weight:600;
	transition:background-color .18s ease
}

.header-link:hover{background:rgba(255,255,255,.11)}
.header-link:active{background:rgba(255,255,255,.19)}

.header-link:first-child
{
	border-left:none;
}

.header-icon
{
	flex:0 0 auto;
	font-size:40px;
	font-weight:400
}

.header-link-text
{
	display:block;
	line-height:1;
}

.branch-link{max-width:480px}
.branch-arrow{flex:0 0 auto;font-size:23px}

.branch-name
{
	display:block;
	font-size:15px;
	font-weight:700;
	white-space:nowrap;
	margin-bottom:4px;
}

.branch.location
{
	display:block;
	font-size:10px;
	color:#BFC4C8;
	margin-top:4px;
}

.current-branch
{
	min-width:340px;
	display:flex;
	align-items:center;
	cursor:default;
}

.current-branch:hover
{
	background:transparent;
}

.branch-change
{
	color:#ff3600;
}

.page-container
{
	width:calc(100% - 80px);
	max-width:1440px;
	margin:0 auto;
	padding:30px 0 44px;
}

.page-introduction{text-align:center}.page-title{margin:0;color:#000;font-size:39px;font-weight:800;line-height:1.15}
.title-accent{width:60px;height:4px;margin:11px auto 0;border-radius:4px;background:var(--bobcat-orange)}
.supporthub-section{display:flex;align-items:center;justify-content:center;padding:18px 0 20px}
.supporthub-link{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;outline:none;transition:transform .18s ease,filter .18s ease}
.supporthub-link:hover{transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 9px 9px rgba(0,0,0,.22))}
.supporthub-link:active{transform:translateY(1px) scale(.985);filter:drop-shadow(0 3px 4px rgba(0,0,0,.20))}
.supporthub-image{display:block;width:145px;max-width:100%;height:auto;border:0}
.application-section{margin-top:3px}.section-heading-row{display:flex;align-items:center;gap:14px;margin-bottom:19px}.section-heading-row::after{content:"";flex:1;height:1px;background:#D4D8DA}.section-heading{margin:0;color:var(--bobcat-charcoal);font-size:20px;font-weight:800;letter-spacing:.02em}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 36px;align-items:start}.application-column{display:flex;flex-direction:column;gap:17px}

.portal-card
{
      display:flex;
      align-items:center;
      justify-content:center;
      
      gap:12px;
      
      width:100%;
      min-height:82px;
      
      padding:12px;
      
      text-align:center;
      
      border:1px solid var(--card-border);
      border-left-width:8px;
      border-radius:12px;
      
      background:var(--card-background);
      
      color:#000;
      
      box-shadow:0 5px 15px rgba(0,0,0,.14);
      
      cursor:pointer;
      
      transition:
      	transform .18s ease,
      	box-shadow .18s ease;
}

.portal-card:hover{transform:translateY(-4px);box-shadow:0 11px 24px rgba(0,0,0,.18)}.portal-card:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,.14)}
.portal-card-orange{border-left-color:var(--bobcat-orange)}.portal-card-charcoal{border-left-color:var(--bobcat-charcoal)}.portal-card-gray{border-left-color:var(--bobcat-gull-wing-gray)}

.card-icon
{
	flex:0 0 auto;
	font-size:34px;
}

.portal-card-orange .card-icon{color:var(--bobcat-orange)}.portal-card-charcoal .card-icon{color:var(--bobcat-charcoal)}.portal-card-gray .card-icon{color:#737B80}

.card-title
{
	color:#000;
	font-size:21px;
	font-weight:800;
	
	text-align:left;
	
	line-height:1;
	
	white-space:nowrap
}

.administration-section{margin-top:35px;padding:21px 23px 24px;border:1px solid #D4D0C9;border-radius:12px;background:rgba(201,196,189,.16)}
.administration-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.administration-heading{margin:0;color:var(--bobcat-charcoal);font-size:18px;font-weight:800}.internal-label{padding:6px 11px;border-radius:20px;background:var(--bobcat-tan);color:var(--bobcat-charcoal);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.administration-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.administration-card{min-height:57px;padding:11px 13px;border:1px solid #BBB5AD;border-top:6px solid var(--bobcat-tan);border-radius:8px;background:#FFF;color:var(--bobcat-charcoal);box-shadow:0 2px 5px rgba(0,0,0,.08);font-size:14px;font-weight:800;line-height:1.25;text-align:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.administration-card:hover{transform:translateY(-3px);box-shadow:0 7px 14px rgba(0,0,0,.13)}.administration-card:active{transform:translateY(1px)}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:105px;padding:24px 50px;border-top:1px solid #D6DADD;background:rgba(255,255,255,.80);color:var(--bobcat-charcoal)}
.footer-copyright{justify-self:start;font-size:13px}.footer-security{justify-self:center;text-align:center}.secure-connection{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700}.footer-icon{font-size:21px}.ssl-link{display:inline-block;margin-top:5px;color:#475C6B;font-size:11px;font-weight:700}.footer-logout-area{justify-self:end}.footer-logout{display:inline-flex;align-items:center;gap:7px;color:var(--bobcat-charcoal);font-size:13px;font-weight:800}.footer-copyright a:hover,.ssl-link:hover,.footer-logout:hover{color:var(--bobcat-orange)}
@media screen and (max-width:1100px){.brand-panel{width:230px;min-width:230px}.header-link{padding:0 14px}.application-grid{gap:17px 21px}.card-title{font-size:26px}.administration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media screen and (max-width:860px){.site-header{display:block}.brand-panel{width:100%;min-width:0;min-height:72px}.header-main{display:block;padding:15px 20px 0}.header-title{padding:0 0 14px;text-align:center}.header-navigation{display:grid;grid-template-columns:1fr 1fr}.header-link{min-height:62px;justify-content:center;border-top:1px solid rgba(255,255,255,.20)}.header-link:first-child{grid-column:1/-1}.application-grid{grid-template-columns:1fr}.administration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr;text-align:center}.footer-copyright,.footer-security,.footer-logout-area{justify-self:center}}
@media screen and (max-width:520px){.page-container{width:calc(100% - 28px);padding-top:24px}.page-title{font-size:32px}.header-navigation{display:block}.header-link{border-left:0}.portal-card{min-height:88px;gap:17px;padding:17px 19px}.card-icon{font-size:42px}.card-title{font-size:24px}.administration-grid{grid-template-columns:1fr}.administration-header{align-items:flex-start;flex-direction:column}.site-footer{padding:24px 20px}}

.login-page
{
    min-height:100vh;
    margin:0;
    background:
        linear-gradient(135deg,#FFFFFF 0%,#F3F4F5 62%,#ECEEEF 100%);
    color:#000000;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
}

.login-site-header
{
    display:flex;
    min-height:80px;
    background:#000000;
    box-shadow:0 3px 12px rgba(0,0,0,.24);
}

.login-brand-panel
{
    display:flex;
    align-items:center;
    justify-content:center;
    width:280px;
    min-width:280px;
    padding:10px 24px;
    background:#FF3600;
}

.login-brand-image
{
    display:block;
    width:auto;
    height:auto;
    max-width:220px;
    max-height:60px;
    border:0;
}

.login-header-fill
{
    flex:1;
    background:#000000;
}

.login-page-container
{
    width:calc(100% - 40px);
    max-width:760px;
    margin:0 auto;
    padding:42px 0 60px;
}

.login-introduction
{
    text-align:center;
}

.login-page-title
{
    margin:0;
    color:#000000;
    font-size:42px;
    font-weight:800;
    line-height:1.15;
}

.login-title-accent
{
    width:60px;
    height:4px;
    margin:14px auto 0;
    border-radius:4px;
    background:#FF3600;
}

.login-page-subtitle
{
    margin:20px 0 0;
    color:#5E686E;
    font-size:20px;
    font-weight:500;
}

.login-card
{
    margin-top:34px;
    overflow:hidden;
    border:1px solid #DDE0E2;
    border-top:6px solid #FF3600;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 14px 32px rgba(0,0,0,.14);
}

.login-form
{
    padding:38px 48px 34px;
}

.login-input-group
{
    margin-bottom:26px;
}

.login-label
{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:9px;
    color:#182028;
    font-size:18px;
    font-weight:800;
}

.login-label-icon
{
    color:#FF3600;
    font-size:30px;
}

.login-input
{
    display:block;
    width:100%;
    min-height:54px;
    padding:12px 16px;
    border:1px solid #A3AAAE;
    border-radius:8px;
    background:#FFFFFF;
    color:#000000;
    font-family:inherit;
    font-size:17px;
    outline:none;
    transition:border-color .18s ease,box-shadow .18s ease;
}

.login-input:focus
{
    border-color:#FF3600;
    box-shadow:0 0 0 3px rgba(255,54,0,.16);
}

.login-input::placeholder
{
    color:#7A8388;
}

.login-password-wrap
{
    position:relative;
}

.login-password-input
{
    padding-right:58px;
}

.login-password-toggle
{
    position:absolute;
    top:50%;
    right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#737B80;
    cursor:pointer;
    transform:translateY(-50%);
}

.login-password-toggle:hover
{
    background:#F3F4F5;
    color:#323E48;
}

.login-password-toggle .material-symbols-rounded
{
    font-size:25px;
}

.login-submit-button
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:58px;
    margin-top:8px;
    padding:12px 20px;
    border:0;
    border-radius:9px;
    background:#FF3600;
    color:#FFFFFF;
    box-shadow:0 5px 14px rgba(255,54,0,.24);
    font-family:inherit;
    font-size:22px;
    font-weight:800;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.login-submit-button:hover
{
    background:#E93100;
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(255,54,0,.30);
}

.login-submit-button:active
{
    transform:translateY(1px);
    box-shadow:0 2px 6px rgba(255,54,0,.22);
}

.login-submit-button .material-symbols-rounded
{
    font-size:29px;
}

.login-divider
{
    display:flex;
    align-items:center;
    gap:18px;
    margin:30px 0 24px;
    color:#697279;
    font-size:14px;
    font-weight:700;
}

.login-divider::before,
.login-divider::after
{
    content:"";
    flex:1;
    height:1px;
    background:#C9CED1;
}

.login-support-links
{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
}

.login-support-link
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:8px 12px;
    color:#182028;
    font-size:13px;
    font-weight:800;
    text-align:center;
    transition:color .18s ease,background-color .18s ease;
}

.login-support-link + .login-support-link
{
    border-left:1px solid #DDE0E2;
}

.login-support-link:hover
{
    background:#F7F8F8;
    color:#FF3600;
}

.login-support-link .material-symbols-rounded
{
    flex:0 0 auto;
    color:#FF3600;
    font-size:24px;
}

@media screen and (max-width:700px)
{
    .login-brand-panel
    {
        width:230px;
        min-width:230px;
    }

    .login-brand-image
    {
        max-width:185px;
    }

    .login-page-container
    {
        width:calc(100% - 28px);
        padding:30px 0 42px;
    }

    .login-page-title
    {
        font-size:34px;
    }

    .login-page-subtitle
    {
        font-size:17px;
    }

    .login-form
    {
        padding:30px 24px 26px;
    }

    .login-support-links
    {
        grid-template-columns:1fr;
    }

    .login-support-link + .login-support-link
    {
        border-left:0;
        border-top:1px solid #DDE0E2;
    }
}

@media screen and (max-width:420px)
{
    .login-brand-panel
    {
        width:190px;
        min-width:190px;
        padding:10px 16px;
    }

    .login-brand-image
    {
        max-width:155px;
    }

    .login-page-title
    {
        font-size:29px;
    }

    .login-card
    {
        margin-top:26px;
    }

    .login-form
    {
        padding:25px 18px 22px;
    }
}

.sales-page-container
{
    width:calc(100% - 56px);
    max-width:1440px;
    margin:0 auto;
    padding:28px 0 44px;
}

.sales-title-area
{
    position:relative;
    text-align:center;
}

.sales-back-link
{
    position:absolute;
    top:8px;
    left:0;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:7px 12px;
    border:1px solid #DDE0E2;
    border-radius:8px;
    background:#FFFFFF;
    color:#323E48;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    font-size:13px;
    font-weight:800;
    transition:transform .16s ease,box-shadow .16s ease,color .16s ease;
}

.sales-back-link:hover
{
    color:#FF3600;
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(0,0,0,.12);
}

.sales-back-link .material-symbols-rounded
{
    font-size:21px;
}

.sales-page-title
{
    margin:0;
    color:#000000;
    font-size:39px;
    font-weight:800;
    line-height:1.15;
}

.sales-title-accent
{
    width:60px;
    height:4px;
    margin:11px auto 0;
    border-radius:4px;
    background:#FF3600;
}

.sales-section-heading-row
{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.sales-section-heading-row::after
{
    content:"";
    flex:1;
    height:1px;
    background:#D4D8DA;
}

.sales-section-heading
{
    margin:0;
    color:#323E48;
    font-size:20px;
    font-weight:800;
    letter-spacing:.02em;
}

.sales-announcements
{
    margin-top:8px;
}

.sales-announcement-list
{
    overflow:hidden;
    border:1px solid #DDE0E2;
    border-left:5px solid #FF3600;
    border-radius:9px;
    background:#FFFFFF;
    box-shadow:0 3px 9px rgba(0,0,0,.08);
}

.sales-announcement-item
{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:50px;
    padding:10px 16px;
    color:#182028;
    transition:background-color .16s ease,color .16s ease;
}

.sales-announcement-item + .sales-announcement-item
{
    border-top:1px solid #E4E7E8;
}

.sales-announcement-item:hover
{
    background:#F7F8F8;
    color:#FF3600;
}

.sales-announcement-icon
{
    flex:0 0 auto;
    color:#FF3600;
    font-size:27px;
}

.sales-announcement-title
{
    flex:1;
    min-width:0;
    font-size:14px;
    font-weight:800;
}

.sales-announcement-open
{
    flex:0 0 auto;
    color:#737B80;
    font-size:20px;
}

.sales-applications
{
    margin-top:28px;
}

.sales-grid
{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px 28px;
    align-items:start;
}

.sales-column
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.sales-card
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:72px;
    padding:11px 14px;
    border:1px solid #DDE0E2;
    border-left-width:8px;
    border-radius:11px;
    background:#FFFFFF;
    color:#000000;
    box-shadow:0 4px 11px rgba(0,0,0,.12);
    text-align:center;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.sales-card:hover
{
    background:#FFFFFF;
    transform:translateY(-3px);
    box-shadow:0 9px 18px rgba(0,0,0,.17);
}

.sales-card:active
{
    transform:translateY(1px);
    box-shadow:0 2px 5px rgba(0,0,0,.13);
}

.sales-card-orange
{
    border-left-color:#FF3600;
}

.sales-card-charcoal
{
    border-left-color:#323E48;
}

.sales-card-gray
{
    border-left-color:#A3AAAE;
}

.sales-card-icon
{
    flex:0 0 auto;
    font-size:31px;
}

.sales-card-orange .sales-card-icon
{
    color:#FF3600;
}

.sales-card-charcoal .sales-card-icon
{
    color:#323E48;
}

.sales-card-gray .sales-card-icon
{
    color:#737B80;
}

.sales-card-title
{
    color:#000000;
    font-size:17px;
    font-weight:800;
    line-height:1.1;
}

.sales-administration
{
    margin-top:32px;
    padding:20px 22px 22px;
    border:1px solid #D4D0C9;
    border-radius:12px;
    background:rgba(201,196,189,.16);
}

.sales-administration-header
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:15px;
}

.sales-administration-heading
{
    margin:0;
    color:#323E48;
    font-size:18px;
    font-weight:800;
}

.sales-internal-label
{
    padding:6px 11px;
    border-radius:20px;
    background:#C9C4BD;
    color:#323E48;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.sales-administration-grid
{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.sales-administration-card
{
    min-height:52px;
    padding:10px 12px;
    border:1px solid #BBB5AD;
    border-top:6px solid #C9C4BD;
    border-radius:8px;
    background:#FFFFFF;
    color:#323E48;
    box-shadow:0 2px 5px rgba(0,0,0,.08);
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}

.sales-administration-card:hover
{
    background:#FCFBF9;
    transform:translateY(-3px);
    box-shadow:0 7px 14px rgba(0,0,0,.13);
}

.sales-administration-card:active
{
    transform:translateY(1px);
}

@media screen and (max-width:1100px)
{
    .sales-grid
    {
        gap:12px 18px;
    }

    .sales-card
    {
        min-height:66px;
        padding:9px 11px;
        gap:9px;
    }

    .sales-card-icon
    {
        font-size:28px;
    }

    .sales-card-title
    {
        font-size:15px;
    }
}

@media screen and (max-width:860px)
{
    .sales-page-container
    {
        width:calc(100% - 28px);
    }

    .sales-title-area
    {
        padding-top:48px;
    }

    .sales-back-link
    {
        top:0;
    }

    .sales-grid
    {
        grid-template-columns:1fr;
    }

    .sales-card
    {
        min-height:64px;
    }

    .sales-administration-grid
    {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media screen and (max-width:520px)
{
    .sales-page-title
    {
        font-size:31px;
    }

    .sales-announcement-item
    {
        padding:10px 12px;
    }

    .sales-card-title
    {
        font-size:16px;
    }

    .sales-administration-grid
    {
        grid-template-columns:1fr;
    }

    .sales-administration-header
    {
        align-items:flex-start;
        flex-direction:column;
    }
}

.sales-supporthub-section
{
    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px 0 20px;
}

.parts-page-container
{
    width:calc(100% - 56px);
    max-width:1440px;
    margin:0 auto;
    padding:28px 0 44px;
}

.parts-title-area
{
    position:relative;
    text-align:center;
}

.parts-back-link
{
    position:absolute;
    top:8px;
    left:0;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:7px 12px;
    border:1px solid #DDE0E2;
    border-radius:8px;
    background:#FFFFFF;
    color:#323E48;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    font-size:13px;
    font-weight:800;
    transition:transform .16s ease,box-shadow .16s ease,color .16s ease;
}

.parts-back-link:hover
{
    color:#FF3600;
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(0,0,0,.12);
}

.parts-back-link .material-symbols-rounded
{
    font-size:21px;
}

.parts-page-title
{
    margin:0;
    color:#000000;
    font-size:39px;
    font-weight:800;
    line-height:1.15;
}

.parts-title-accent
{
    width:60px;
    height:4px;
    margin:11px auto 0;
    border-radius:4px;
    background:#FF3600;
}

.parts-supporthub-section
{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 0 20px;
}

.parts-section-heading-row
{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.parts-section-heading-row::after
{
    content:"";
    flex:1;
    height:1px;
    background:#D4D8DA;
}

.parts-section-heading
{
    margin:0;
    color:#323E48;
    font-size:20px;
    font-weight:800;
    letter-spacing:.02em;
}

.parts-announcement-list
{
    overflow:hidden;
    border:1px solid #DDE0E2;
    border-left:5px solid #FF3600;
    border-radius:9px;
    background:#FFFFFF;
    box-shadow:0 3px 9px rgba(0,0,0,.08);
}

.parts-announcement-item
{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:48px;
    padding:9px 16px;
    color:#182028;
    transition:background-color .16s ease,color .16s ease;
}

.parts-announcement-item + .parts-announcement-item
{
    border-top:1px solid #E4E7E8;
}

.parts-announcement-item:hover
{
    background:#F7F8F8;
    color:#FF3600;
}

.parts-announcement-icon
{
    flex:0 0 auto;
    color:#FF3600;
    font-size:26px;
}

.parts-announcement-title
{
    flex:1;
    min-width:0;
    font-size:14px;
    font-weight:800;
}

.parts-announcement-open
{
    flex:0 0 auto;
    color:#737B80;
    font-size:20px;
}

.parts-applications
{
    margin-top:26px;
}

.parts-grid
{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px 28px;
    align-items:start;
}

.parts-column
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.parts-card
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:70px;
    padding:10px 14px;
    border:1px solid #DDE0E2;
    border-left-width:8px;
    border-radius:11px;
    background:#FFFFFF;
    color:#000000;
    box-shadow:0 4px 11px rgba(0,0,0,.12);
    text-align:center;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.parts-card:hover
{
    transform:translateY(-3px);
    box-shadow:0 9px 18px rgba(0,0,0,.17);
}

.parts-card:active
{
    transform:translateY(1px);
    box-shadow:0 2px 5px rgba(0,0,0,.13);
}

.parts-card-orange{border-left-color:#FF3600;}
.parts-card-charcoal{border-left-color:#323E48;}
.parts-card-gray{border-left-color:#A3AAAE;}

.parts-card-icon
{
    flex:0 0 auto;
    font-size:31px;
}

.parts-card-orange .parts-card-icon{color:#FF3600;}
.parts-card-charcoal .parts-card-icon{color:#323E48;}
.parts-card-gray .parts-card-icon{color:#737B80;}

.parts-card-title
{
    color:#000000;
    font-size:17px;
    font-weight:800;
    line-height:1.1;
}

.parts-administration
{
    margin-top:32px;
    padding:20px 22px 22px;
    border:1px solid #D4D0C9;
    border-radius:12px;
    background:rgba(201,196,189,.16);
}

.parts-administration-header
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:15px;
}

.parts-administration-heading
{
    margin:0;
    color:#323E48;
    font-size:18px;
    font-weight:800;
}

.parts-internal-label
{
    padding:6px 11px;
    border-radius:20px;
    background:#C9C4BD;
    color:#323E48;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.parts-administration-grid
{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}

.parts-administration-card
{
    min-height:52px;
    padding:10px 12px;
    border:1px solid #BBB5AD;
    border-top:6px solid #C9C4BD;
    border-radius:8px;
    background:#FFFFFF;
    color:#323E48;
    box-shadow:0 2px 5px rgba(0,0,0,.08);
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}

.parts-administration-card:hover
{
    background:#FCFBF9;
    transform:translateY(-3px);
    box-shadow:0 7px 14px rgba(0,0,0,.13);
}

.parts-administration-card:active
{
    transform:translateY(1px);
}

/* Required acknowledgement modal. */
.parts-modal-open
{
    overflow:hidden;
}

.parts-update-overlay
{
    position:fixed;
    z-index:9999;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(0,0,0,.64);
}

.parts-update-hidden
{
    display:none;
}

.parts-update-modal
{
    width:100%;
    max-width:720px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.75);
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 22px 60px rgba(0,0,0,.38);
}

.parts-update-heading-row
{
    display:flex;
    align-items:center;
    gap:20px;
    padding:28px 32px 17px;
}

.parts-update-heading-icon
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 76px;
    width:76px;
    height:76px;
    border-radius:50%;
    background:#FF3600;
    color:#FFFFFF;
    box-shadow:0 6px 15px rgba(255,54,0,.28);
    font-size:45px;
}

.parts-update-heading
{
    margin:0;
    color:#111111;
    font-size:34px;
    font-weight:800;
    line-height:1.1;
}

.parts-update-rule
{
    height:3px;
    margin:0 32px;
    background:#FF3600;
}

.parts-update-message
{
    padding:25px 36px 22px;
    color:#20262A;
    font-size:18px;
    line-height:1.45;
}

.parts-update-subject
{
    margin:0 0 14px;
    color:#323E48;
    font-size:21px;
    font-weight:800;
}

.parts-update-message p
{
    margin:0 0 18px;
}

.parts-update-message p:last-child
{
    margin-bottom:0;
}

.parts-update-actions
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:18px 32px;
    border-top:1px solid #E1E4E6;
    background:#F4F5F6;
}

.parts-update-suppress
{
    display:flex;
    align-items:center;
    gap:10px;
    color:#30383D;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.parts-update-suppress input
{
    width:19px;
    height:19px;
    accent-color:#FF3600;
}

.parts-update-continue
{
    min-width:150px;
    min-height:52px;
    padding:11px 24px;
    border:0;
    border-radius:9px;
    background:#FF3600;
    color:#FFFFFF;
    box-shadow:0 5px 14px rgba(255,54,0,.25);
    font-size:18px;
    font-weight:800;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}

.parts-update-continue:hover
{
    background:#E93100;
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(255,54,0,.30);
}

.parts-update-continue:active
{
    transform:translateY(1px);
}

.parts-update-continue:focus
{
    outline:3px solid rgba(255,54,0,.30);
    outline-offset:3px;
}

@media screen and (max-width:1100px)
{
    .parts-grid{gap:12px 18px;}
    .parts-card{min-height:65px;padding:9px 11px;gap:9px;}
    .parts-card-icon{font-size:28px;}
    .parts-card-title{font-size:15px;}
    .parts-administration-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media screen and (max-width:860px)
{
    .parts-page-container{width:calc(100% - 28px);}
    .parts-title-area{padding-top:48px;}
    .parts-back-link{top:0;}
    .parts-grid{grid-template-columns:1fr;}
    .parts-administration-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media screen and (max-width:620px)
{
    .parts-update-overlay{padding:14px;}
    .parts-update-heading-row{gap:14px;padding:22px 20px 14px;}
    .parts-update-heading-icon{flex-basis:58px;width:58px;height:58px;font-size:35px;}
    .parts-update-heading{font-size:26px;}
    .parts-update-rule{margin:0 20px;}
    .parts-update-message{padding:21px 22px 18px;font-size:16px;}
    .parts-update-actions{align-items:stretch;flex-direction:column;padding:16px 20px;}
    .parts-update-continue{width:100%;}
}

@media screen and (max-width:520px)
{
    .parts-page-title{font-size:31px;}
    .parts-announcement-item{padding:9px 12px;}
    .parts-card-title{font-size:16px;}
    .parts-administration-grid{grid-template-columns:1fr;}
    .parts-administration-header{align-items:flex-start;flex-direction:column;}
}

.part-search-page-container
{
    width:calc(100% - 56px);
    max-width:1500px;
    margin:0 auto;
    padding:28px 0 44px;
}

.workflow-navigation
{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-bottom:26px;
}

.workflow-nav-item
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:50px;
    padding:10px 18px;
    border:1px solid #DDE0E2;
    border-radius:9px;
    background:#FFFFFF;
    color:#182028;
    box-shadow:0 3px 9px rgba(0,0,0,.09);
    font-size:15px;
    font-weight:800;
    transition:transform .16s ease,box-shadow .16s ease,color .16s ease;
}

.workflow-nav-item:hover
{
    color:#FF3600;
    transform:translateY(-2px);
    box-shadow:0 7px 14px rgba(0,0,0,.13);
}

.workflow-nav-item .material-symbols-rounded
{
    color:#FF3600;
    font-size:28px;
}

.workflow-nav-arrow
{
    margin-left:8px;
}

.part-search-title-area
{
    margin-bottom:22px;
}

.part-search-page-title
{
    margin:0;
    color:#000000;
    font-size:39px;
    font-weight:800;
    line-height:1.12;
}

.part-search-title-accent
{
    width:60px;
    height:4px;
    margin-top:10px;
    border-radius:4px;
    background:#FF3600;
}

.part-search-page-subtitle
{
    margin:8px 0 0;
    color:#5E686E;
    font-size:15px;
    font-weight:500;
}

.part-search-toolbar
{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    padding:14px 16px;
    border:1px solid #DDE0E2;
    border-radius:11px;
    background:#FFFFFF;
    box-shadow:0 3px 10px rgba(0,0,0,.09);
}

.part-toolbar-button
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:9px 16px;
    border:1px solid #C9CED1;
    border-radius:8px;
    background:#FFFFFF;
    color:#182028;
    box-shadow:0 2px 6px rgba(0,0,0,.07);
    font-size:14px;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,color .16s ease,background-color .16s ease;
}

.part-toolbar-button:hover
{
    color:#FF3600;
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(0,0,0,.12);
}

.part-toolbar-button .material-symbols-rounded
{
    color:#FF3600;
    font-size:25px;
}

.part-toolbar-primary
{
    border-color:#FF3600;
    background:#FF3600;
    color:#FFFFFF;
    box-shadow:0 5px 14px rgba(255,54,0,.25);
}

.part-toolbar-primary .material-symbols-rounded
{
    color:#FFFFFF;
}

.part-toolbar-primary:hover
{
    background:#E93100;
    color:#FFFFFF;
}

.part-toolbar-reset
{
    margin-left:auto;
}

.part-entry-panel
{
    overflow:hidden;
    border:1px solid #DDE0E2;
    border-radius:11px;
    background:#FFFFFF;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.part-entry-table-wrap
{
    overflow-x:auto;
}

.part-entry-table
{
    width:100%;
    min-width:1220px;
    border-collapse:collapse;
    table-layout:fixed;
}

.part-entry-table th
{
    padding:12px 8px;
    border-right:1px solid #505A61;
    background:#11181D;
    color:#FFFFFF;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
}

.part-entry-table th:last-child
{
    border-right:0;
}

.part-entry-table td
{
    height:58px;
    padding:7px 9px;
    border-right:1px solid #E0E3E5;
    border-bottom:1px solid #E0E3E5;
    background:#FFFFFF;
    color:#182028;
    font-size:13px;
}

.part-entry-table td:last-child
{
    border-right:0;
}

.part-entry-row:hover td
{
    background:#FAFAFA;
}

.line-column{width:55px;}
.part-column{width:185px;}
.qty-column{width:78px;}
.description-column{width:245px;}
.required-mark{color:#FF3600;}
.line-number{text-align:center;font-weight:800;}
.description-cell{text-align:left;}
.number-cell,.money-cell,.center-cell{text-align:center;}
.comments-cell{text-align:left;}

.part-number-field
{
    position:relative;
}

.part-number-field input,
.qty-field
{
    width:100%;
    height:38px;
    border:1px solid #C9CED1;
    border-radius:7px;
    background:#FFFFFF;
    color:#182028;
    font-family:inherit;
    font-size:13px;
    outline:none;
    transition:border-color .16s ease,box-shadow .16s ease;
}

.part-number-field input
{
    padding:7px 37px 7px 10px;
}

.qty-field
{
    padding:7px 8px;
    text-align:center;
}

.part-number-field input:focus,
.qty-field:focus
{
    border-color:#FF3600;
    box-shadow:0 0 0 3px rgba(255,54,0,.13);
}

.part-number-field .material-symbols-rounded
{
    position:absolute;
    top:50%;
    right:9px;
    color:#323E48;
    font-size:21px;
    pointer-events:none;
    transform:translateY(-50%);
}

.part-entry-table tfoot td
{
    height:46px;
    background:#F5F6F6;
    font-weight:800;
}

.table-total-label
{
    text-align:right;
}

.table-total-value
{
    text-align:center;
}

.part-add-rows-link
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    min-height:43px;
    border:0;
    border-top:1px solid #DDE0E2;
    background:#FFFFFF;
    color:#182028;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:background-color .16s ease,color .16s ease;
}

.part-add-rows-link:hover
{
    background:#F7F8F8;
    color:#FF3600;
}

.part-add-rows-link .material-symbols-rounded
{
    color:#FF3600;
    font-size:22px;
}

.part-required-note
{
    margin:8px 0 0;
    color:#59636A;
    font-size:12px;
}

.part-required-note span
{
    color:#FF3600;
    font-weight:800;
}

.part-order-summary
{
    width:420px;
    max-width:100%;
    margin:20px 0 0 auto;
    padding:18px 22px;
    border:1px solid #DDE0E2;
    border-radius:11px;
    background:#FFFFFF;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.part-order-summary-heading
{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:13px;
}

.part-order-summary-heading .material-symbols-rounded
{
    color:#323E48;
    font-size:27px;
}

.part-order-summary-heading h2
{
    margin:0;
    color:#182028;
    font-size:18px;
    font-weight:800;
}

.part-order-summary-row,
.part-order-summary-total
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.part-order-summary-row
{
    margin:9px 0;
    color:#3C454B;
    font-size:13px;
}

.part-order-summary-total
{
    margin-top:15px;
    padding-top:14px;
    border-top:1px solid #C9CED1;
    color:#FF3600;
    font-size:16px;
    font-weight:800;
}

.part-order-summary-total strong
{
    font-size:28px;
}

@media screen and (max-width:1250px)
{
    .part-search-toolbar
    {
        flex-wrap:wrap;
    }

    .part-toolbar-reset
    {
        margin-left:0;
    }
}

@media screen and (max-width:860px)
{
    .part-search-page-container
    {
        width:calc(100% - 28px);
    }

    .workflow-navigation
    {
        grid-template-columns:1fr;
        gap:10px;
    }

    .part-search-page-title
    {
        font-size:32px;
    }

    .part-search-toolbar
    {
        align-items:stretch;
        flex-direction:column;
    }

    .part-toolbar-button
    {
        width:100%;
    }
}

.service-page-container
{
    width:calc(100% - 56px);
    max-width:1440px;
    margin:0 auto;
    padding:28px 0 44px;
}

.service-title-area
{
    position:relative;
    text-align:center;
}

.service-back-link
{
    position:absolute;
    top:8px;
    left:0;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:7px 12px;
    border:1px solid #DDE0E2;
    border-radius:8px;
    background:#FFFFFF;
    color:#323E48;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    font-size:13px;
    font-weight:800;
    transition:transform .16s ease,box-shadow .16s ease,color .16s ease;
}

.service-back-link:hover
{
    color:#FF3600;
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(0,0,0,.12);
}

.service-back-link .material-symbols-rounded
{
    font-size:21px;
}

.service-page-title
{
    margin:0;
    color:#000000;
    font-size:39px;
    font-weight:800;
    line-height:1.15;
}

.service-title-accent
{
    width:60px;
    height:4px;
    margin:11px auto 0;
    border-radius:4px;
    background:#FF3600;
}

.service-supporthub-section
{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 0 20px;
}

.service-section-heading-row
{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.service-section-heading-row::after
{
    content:"";
    flex:1;
    height:1px;
    background:#D4D8DA;
}

.service-section-heading
{
    margin:0;
    color:#323E48;
    font-size:20px;
    font-weight:800;
    letter-spacing:.02em;
}

.service-announcements-hidden
{
    display:none;
}

.service-announcement-list
{
    overflow:hidden;
    border:1px solid #DDE0E2;
    border-left:5px solid #FF3600;
    border-radius:9px;
    background:#FFFFFF;
    box-shadow:0 3px 9px rgba(0,0,0,.08);
}

.service-announcement-item
{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:48px;
    padding:9px 16px;
    color:#182028;
    transition:background-color .16s ease,color .16s ease;
}

.service-announcement-item + .service-announcement-item
{
    border-top:1px solid #E4E7E8;
}

.service-announcement-item:hover
{
    background:#F7F8F8;
    color:#FF3600;
}

.service-announcement-icon
{
    flex:0 0 auto;
    color:#FF3600;
    font-size:26px;
}

.service-announcement-title
{
    flex:1;
    min-width:0;
    font-size:14px;
    font-weight:800;
}

.service-announcement-open
{
    flex:0 0 auto;
    color:#737B80;
    font-size:20px;
}

.service-applications
{
    margin-top:8px;
}

.service-grid
{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px 28px;
    align-items:start;
}

.service-column
{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.service-card
{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    min-height:70px;
    padding:10px 14px;
    border:1px solid #DDE0E2;
    border-left-width:8px;
    border-radius:11px;
    background:#FFFFFF;
    color:#000000;
    box-shadow:0 4px 11px rgba(0,0,0,.12);
    text-align:center;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.service-card:hover
{
    transform:translateY(-3px);
    box-shadow:0 9px 18px rgba(0,0,0,.17);
}

.service-card:active
{
    transform:translateY(1px);
    box-shadow:0 2px 5px rgba(0,0,0,.13);
}

.service-card-orange{border-left-color:#FF3600;}
.service-card-charcoal{border-left-color:#323E48;}
.service-card-gray{border-left-color:#A3AAAE;}

.service-card-icon
{
    flex:0 0 auto;
    font-size:31px;
}

.service-card-orange .service-card-icon{color:#FF3600;}
.service-card-charcoal .service-card-icon{color:#323E48;}
.service-card-gray .service-card-icon{color:#737B80;}

.service-card-title
{
    color:#000000;
    font-size:17px;
    font-weight:800;
    line-height:1.1;
}

.service-administration
{
    margin-top:32px;
    padding:20px 22px 22px;
    border:1px solid #D4D0C9;
    border-radius:12px;
    background:rgba(201,196,189,.16);
}

.service-administration-header
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:15px;
}

.service-administration-heading
{
    margin:0;
    color:#323E48;
    font-size:18px;
    font-weight:800;
}

.service-internal-label
{
    padding:6px 11px;
    border-radius:20px;
    background:#C9C4BD;
    color:#323E48;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.service-administration-grid
{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.service-administration-card
{
    min-height:52px;
    padding:10px 12px;
    border:1px solid #BBB5AD;
    border-top:6px solid #C9C4BD;
    border-radius:8px;
    background:#FFFFFF;
    color:#323E48;
    box-shadow:0 2px 5px rgba(0,0,0,.08);
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    cursor:pointer;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}

.service-administration-card:hover
{
    background:#FCFBF9;
    transform:translateY(-3px);
    box-shadow:0 7px 14px rgba(0,0,0,.13);
}

.service-administration-card:active
{
    transform:translateY(1px);
}

@media screen and (max-width:1100px)
{
    .service-grid{gap:12px 18px;}
    .service-card{min-height:65px;padding:9px 11px;gap:9px;}
    .service-card-icon{font-size:28px;}
    .service-card-title{font-size:15px;}
    .service-administration-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media screen and (max-width:860px)
{
    .service-page-container{width:calc(100% - 28px);}
    .service-title-area{padding-top:48px;}
    .service-back-link{top:0;}
    .service-grid{grid-template-columns:1fr;}
    .service-administration-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media screen and (max-width:520px)
{
    .service-page-title{font-size:31px;}
    .service-announcement-item{padding:9px 12px;}
    .service-card-title{font-size:16px;}
    .service-administration-grid{grid-template-columns:1fr;}
    .service-administration-header{align-items:flex-start;flex-direction:column;}
}

.return-demo-page
{
    width:calc(100% - 56px);
    max-width:1280px;
    margin:0 auto;
    padding:28px 0 46px;
}

.return-demo-title
{
    margin:28px 0 22px;
}

.return-demo-title h1
{
    margin:0;
    font-size:39px;
    font-weight:800;
}

.return-demo-title > div
{
    width:60px;
    height:4px;
    margin-top:10px;
    border-radius:4px;
    background:#FF3600;
}

.return-demo-title p
{
    margin:9px 0 0;
    color:#5E686E;
    font-size:15px;
}

.return-demo-form
{
    display:grid;
    gap:18px;
}

.return-demo-card
{
    padding:24px 28px;
    border:1px solid #DDE0E2;
    border-radius:12px;
    background:#FFFFFF;
    box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.return-demo-heading
{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:20px;
}

.return-demo-heading > span
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#FF3600;
    color:#FFFFFF;
    font-size:17px;
    font-weight:800;
}

.return-demo-heading h2
{
    margin:0;
    color:#182028;
    font-size:21px;
}

.return-demo-heading p
{
    margin:4px 0 0;
    color:#687176;
    font-size:13px;
}

.return-demo-card label
{
    display:block;
    margin:14px 0 8px;
    color:#182028;
    font-size:14px;
    font-weight:800;
}

.return-demo-card label b
{
    color:#D92D20;
}

.return-demo-card select,
.return-demo-card textarea,
.return-demo-card input[type=file]
{
    width:100%;
    min-height:48px;
    padding:10px 12px;
    border:1px solid #A3AAAE;
    border-radius:8px;
    background:#FFFFFF;
    color:#182028;
    font:15px inherit;
}

.return-demo-card textarea
{
    min-height:120px;
    resize:vertical;
}

.return-demo-help
{
    margin:8px 0 0;
    color:#687176;
    font-size:12px;
}

.return-demo-error
{
    min-height:16px;
    margin:5px 0 0;
    color:#B42318;
    font-size:12px;
    font-weight:700;
}

.return-demo-hidden
{
    display:none !important;
}

.return-demo-order-summary
{
    display:flex;
    flex-wrap:wrap;
    gap:10px 26px;
    margin-bottom:16px;
    padding:13px 16px;
    border-left:5px solid #FF3600;
    border-radius:8px;
    background:#F5F6F6;
    font-size:13px;
}

.return-demo-table-wrap
{
    overflow-x:auto;
}

.return-demo-table
{
    width:100%;
    min-width:930px;
    border-collapse:collapse;
}

.return-demo-table th
{
    padding:11px 8px;
    background:#11181D;
    color:#FFFFFF;
    font-size:12px;
    text-align:center;
}

.return-demo-table td
{
    padding:11px 8px;
    border:1px solid #E0E3E5;
    font-size:13px;
    text-align:center;
}

.return-demo-table select
{
    min-height:38px;
}

.return-demo-claim-note,
.return-demo-guidance,
.return-demo-stop
{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-top:16px;
    padding:15px 17px;
    border-radius:8px;
}

.return-demo-claim-note
{
    border-left:5px solid #323E48;
    background:#F2F4F5;
    color:#323E48;
}

.return-demo-guidance
{
    border-left:5px solid #FF3600;
    background:#FFF7F2;
    color:#7A2E0E;
}

.return-demo-stop
{
    border-left:5px solid #D92D20;
    background:#FFF4F3;
    color:#7A271A;
}

.return-demo-claim-note p,
.return-demo-guidance p,
.return-demo-stop p
{
    margin:3px 0 0;
    font-size:13px;
    line-height:1.4;
}

.return-demo-guidance h3,
.return-demo-stop h3
{
    margin:0;
    font-size:16px;
}

.return-demo-guidance > .material-symbols-rounded,
.return-demo-stop > .material-symbols-rounded,
.return-demo-claim-note > .material-symbols-rounded
{
    font-size:29px;
}

.return-demo-stop a
{
    display:inline-block;
    margin-top:8px;
    padding:8px 13px;
    border-radius:7px;
    background:#D92D20;
    color:#FFFFFF;
    font-size:13px;
    font-weight:800;
}

.return-demo-conditional
{
    margin-top:16px;
    padding:16px;
    border-left:5px solid #323E48;
    border-radius:8px;
    background:#F5F6F6;
}

.return-demo-freight
{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 18px;
    margin-top:18px;
    padding:16px;
    border-radius:8px;
    background:#F5F6F6;
}

.return-demo-freight h3
{
    grid-column:1 / -1;
    margin:0;
    font-size:16px;
}

.return-demo-freight label
{
    margin:0;
    font-weight:600;
}

.return-demo-freight input
{
    margin-right:8px;
}

.return-demo-values
{
    width:420px;
    max-width:100%;
    margin:18px 0 0 auto;
    padding:16px 18px;
    border:1px solid #DDE0E2;
    border-radius:9px;
}

.return-demo-values > div
{
    display:flex;
    justify-content:space-between;
    margin:8px 0;
    font-size:13px;
}

.return-demo-values .return-demo-total
{
    margin-top:13px;
    padding-top:12px;
    border-top:1px solid #C9CED1;
    color:#FF3600;
    font-size:16px;
    font-weight:800;
}

.return-demo-actions
{
    display:flex;
    justify-content:flex-end;
    gap:12px;
}

.return-demo-secondary,
.return-demo-primary
{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:48px;
    padding:10px 18px;
    border-radius:8px;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
}

.return-demo-secondary
{
    border:1px solid #A3AAAE;
    background:#FFFFFF;
    color:#323E48;
}

.return-demo-primary
{
    border:1px solid #FF3600;
    background:#FF3600;
    color:#FFFFFF;
    box-shadow:0 5px 14px rgba(255,54,0,.24);
}

.return-demo-primary:disabled
{
    border-color:#A3AAAE;
    background:#A3AAAE;
    box-shadow:none;
    cursor:not-allowed;
}

.return-demo-confirmation
{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-top:20px;
    padding:20px 22px;
    border-left:6px solid #18864B;
    border-radius:10px;
    background:#ECFDF3;
}

.return-demo-confirmation > .material-symbols-rounded
{
    color:#18864B;
    font-size:38px;
}

.return-demo-confirmation h2
{
    margin:0;
    color:#14532D;
    font-size:20px;
}

.return-demo-confirmation p
{
    margin:6px 0 0;
    color:#14532D;
    font-size:13px;
}

@media screen and (max-width:860px)
{
    .return-demo-page
    {
        width:calc(100% - 28px);
    }

    .return-demo-title h1
    {
        font-size:32px;
    }

    .return-demo-freight
    {
        grid-template-columns:1fr;
    }
}

@media screen and (max-width:560px)
{
    .return-demo-card
    {
        padding:20px 17px;
    }

    .return-demo-actions
    {
        flex-direction:column;
    }

    .return-demo-secondary,
    .return-demo-primary
    {
        width:100%;
    }
}

.return-demo-freight-field
{
    min-width:0;
}

.return-demo-freight-field label
{
    display:block;
    margin:0 0 7px;
    color:#182028;
    font-size:13px;
    font-weight:800;
}

.return-demo-money-input
{
    display:flex;
    align-items:center;
    min-height:46px;
    overflow:hidden;
    border:1px solid #A3AAAE;
    border-radius:8px;
    background:#FFFFFF;
}

.return-demo-money-input:focus-within
{
    border-color:#FF3600;
    box-shadow:0 0 0 3px rgba(255,54,0,.14);
}

.return-demo-money-input > span
{
    display:flex;
    align-items:center;
    align-self:stretch;
    padding:0 12px;
    border-right:1px solid #DDE0E2;
    background:#F5F6F6;
    color:#323E48;
    font-size:14px;
    font-weight:800;
}

.return-demo-money-input input
{
    flex:1;
    min-width:0;
    height:44px;
    padding:9px 12px;
    border:0;
    background:#FFFFFF;
    color:#182028;
    font-family:inherit;
    font-size:15px;
    outline:none;
}

.return-demo-zero
{
    color:#B42318;
}

.return-demo-zero small
{
    display:block;
    margin-top:3px;
    color:#B42318;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.return-demo-all-returns
{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    margin-top:10px;
    padding:8px 13px;
    border-radius:7px;
    background:#323E48;
    color:#FFFFFF;
    font-size:13px;
    font-weight:800;
}

.return-demo-zero strong
{
    display:block;
    margin-bottom:7px;
    font-size:19px;
    line-height:1;
}

.return-demo-zero small
{
    display:inline-block;
    padding:4px 8px;
    border-radius:999px;
    background:#FEE4E2;
    color:#B42318;
    font-size:9px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.return-demo-notes-prompt
{
    margin:6px 0 0;
    color:#5E686E;
    font-size:12px;
    font-weight:700;
}

.return-demo-pickticket-example
{
    display:block;
    width:340px;
    max-width:100%;
    height:auto;
    margin-top:14px;
    border:1px solid #DDE0E2;
    border-radius:8px;
    box-shadow:0 3px 9px rgba(0,0,0,.12);
}

.return-demo-values
{
    display:block;
}

.return-demo-values.return-demo-hidden
{
    display:none !important;
}

.return-demo-qty-column-header
{
    background:#FF3600 !important;
    color:#FFFFFF !important;
}

.return-demo-qty-column
{
    background:rgba(255,54,0,.05);
}

.return-demo-qty-column select
{
    border-color:#FF3600;
    box-shadow:0 0 0 2px rgba(255,54,0,.15);
}

@font-face {
    font-family: 'Material Symbols Rounded';
    src: url('../Fonts/MaterialSymbolsRounded_48pt-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 48px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;

    /* important */
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}