@font-face{font-family:"ADT Signin Heading";src:url("../fonts/signin-theme/roboto-700.ttf") format("truetype");font-weight:700;font-display:swap}
/* Set 2 only. Tokens and licensed fonts referenced from Set 1 v6.3.
   Shared style.css contains !important shell rules, so the scoped shell
   overrides below use !important as well. No shared files are modified. */
@font-face{font-family:'ADT Signin Sarabun';src:url('../fonts/signin-theme/sarabun-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'ADT Signin Sarabun';src:url('../fonts/signin-theme/sarabun-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'ADT Signin Sarabun';src:url('../fonts/signin-theme/sarabun-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'ADT Signin Condensed';src:url('../fonts/signin-theme/roboto-condensed-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'ADT Signin Condensed';src:url('../fonts/signin-theme/roboto-condensed-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'ADT Signin Condensed';src:url('../fonts/signin-theme/roboto-condensed-700.ttf') format('truetype');font-weight:700;font-display:swap}

body.adt-signin-theme {
    --nav-height:72px;
    --ui17-u:min(.0598086vw,.11svh,.9px);
    --signin-ink:#052d40;
    --signin-body:#45525f;
    --signin-teal:#00658b;
    --signin-pale:#eaf7f7;
    --signin-accent:#ed4141;
    --signin-line:#d8e6ea;
    box-sizing:border-box;
    margin:0;
    min-height:100vh;
    min-height:100svh;
    display:flex;
    flex-direction:column;
    padding-top:var(--nav-height) !important;
    padding-bottom:0 !important;
    color:var(--signin-ink);
    background:#fff;
    font:400 16px/1.6 'ADT Signin Sarabun',Tahoma,Arial,sans-serif;
}
body.adt-signin-theme * { box-sizing:border-box; }
body.adt-signin-theme button,
body.adt-signin-theme input { font:inherit; }
body.adt-signin-theme a:focus-visible,
body.adt-signin-theme button:focus-visible,
body.adt-signin-theme input:focus-visible {
    outline:3px solid #1287b4 !important;
    outline-offset:4px;
}
body.adt-signin-theme .signin-skip {
    position:fixed;top:-120px;left:16px;z-index:3000;
    padding:12px 20px;background:var(--signin-ink);color:#fff;
}
body.adt-signin-theme .signin-skip:focus { top:12px; }

body.adt-signin-theme .top-nav-custom {
    height:var(--nav-height) !important;
    min-height:var(--nav-height) !important;
    background:#fff !important;
    border-bottom:1px solid var(--signin-line);
    box-shadow:0 2px 15px #17354a05;
    gap:24px !important;
    padding:0 clamp(20px,3vw,52px) !important;
    font-family:'ADT Signin Condensed',Arial,sans-serif !important;
}
body.adt-signin-theme .top-nav-logo { gap:13px !important; }
body.adt-signin-theme .top-nav-logo img {
    content:url('../images/signin-theme/adeptus-owl.svg');
    width:66px !important;height:38px !important;max-width:66px !important;
}
body.adt-signin-theme .top-nav-logo .brand-title {
    color:var(--signin-ink) !important;
    font:700 27px/1.08 'ADT Signin Condensed',Arial,sans-serif !important;
    letter-spacing:-.3px !important;
}
body.adt-signin-theme .top-nav-logo .brand-tagline {
    color:var(--signin-ink) !important;
    font:400 14px/1.3 'ADT Signin Condensed',Arial,sans-serif !important;
    margin-top:4px !important;
}
body.adt-signin-theme .top-nav-menu {
    gap:12px clamp(12px,1.4vw,24px) !important;
    background:#fff !important;
}
body.adt-signin-theme .top-nav-menu a,
body.adt-signin-theme .top-nav-menu a:link,
body.adt-signin-theme .top-nav-menu a:visited {
    color:var(--signin-ink) !important;
    font:600 14px/1.4 'ADT Signin Condensed',Arial,sans-serif !important;
    padding:10px 0 !important;
    text-transform:none !important;
    border:0 !important;
    border-radius:0 !important;
}
body.adt-signin-theme .top-nav-menu a:hover,
body.adt-signin-theme .top-nav-menu a:focus,
body.adt-signin-theme .top-nav-menu a.active {
    color:var(--signin-teal) !important;
    padding:10px 0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:inset 0 -2px var(--signin-teal) !important;
}
body.adt-signin-theme .top-nav-right a.signin-btn {
    padding:9px 17px;border:1px solid #72adc4;border-radius:5px;
    color:var(--signin-ink);background:#fff;
    font:600 14px/1.4 'ADT Signin Condensed',Arial,sans-serif;
    text-decoration:none;
}
body.adt-signin-theme .top-nav-right a.signin-btn:hover { background:#f0f9fc; }
body.adt-signin-theme .user-name-wrapper .user-name,
body.adt-signin-theme .top-nav-right i { color:var(--signin-ink) !important; }
body.adt-signin-theme .nav-toggle {
    color:var(--signin-ink) !important;
    border-color:#a8c9d5;background:#fff;
}

/* UI17, Rev02 slide 17. Main art is decorative; form stays native HTML. */
body.adt-signin-theme .signin-page {
    position:relative;isolation:isolate;flex:1 0 auto;width:100%;
    padding:20px clamp(24px,4vw,66px);
    background:linear-gradient(115deg,#f0fbfd 0%,#f7fcfd 43%,#eaf9fc 100%);
    scroll-margin-top:88px;
}
body.adt-signin-theme .signin-visual {
    position:absolute;z-index:-1;pointer-events:none;left:0;bottom:0;
    width:min(58.65%,820px);height:min(53svh,440px);
    left:max(0px,calc((100% - 1440px)/2));
    background-image:linear-gradient(180deg,#f3fbfc 0%,#f3fbfc00 12%),url('../images/signin-theme/ui17-factory.svg');
    background-repeat:no-repeat;background-size:100% 100%,contain;background-position:left bottom;
}
body.adt-signin-theme .signin-breadcrumb {
    display:flex;align-items:center;flex-wrap:wrap;gap:14px;
    width:100%;max-width:1320px;margin:0 auto 16px;padding:0;
    color:var(--signin-ink);font-size:clamp(13px,calc(15 * var(--ui17-u)),18px);line-height:28px;
}
body.adt-signin-theme .signin-breadcrumb a { color:#007dc6;text-decoration:none; }
body.adt-signin-theme .signin-breadcrumb a:hover { text-decoration:underline; }
body.adt-signin-theme .signin-breadcrumb [aria-current] { font-weight:600; }
body.adt-signin-theme .signin-container { width:100%;max-width:1320px;margin:0 auto;background:transparent; }
body.adt-signin-theme .signin-row { display:flex;align-items:flex-start;min-height:0; }
body.adt-signin-theme .signin-left { display:flex;flex:1 1 auto;min-width:0;max-width:none;background:transparent;border:0; }
body.adt-signin-theme .signin-brand-panel { width:100%;padding:22px 20px 0 0; }
body.adt-signin-theme .signin-eyebrow {
    display:flex;align-items:center;gap:14px;color:var(--signin-teal);
    font:600 clamp(11px,calc(12 * var(--ui17-u)),15px)/1.5 'ADT Signin Condensed',Arial,sans-serif;
    letter-spacing:3.5px;
}
body.adt-signin-theme .signin-eyebrow::after { content:'';display:block;width:54px;height:1px;background:var(--signin-teal); }
body.adt-signin-theme .signin-intro-rule { display:block;width:56px;height:2px;margin:15px 0 14px;background:var(--signin-teal); }
body.adt-signin-theme .signin-title-bar {
    margin:0 0 5px;color:var(--signin-ink);
    font:700 clamp(34px,calc(60 * var(--ui17-u)),54px)/1.14 'ADT Signin Heading',Arial,sans-serif;
    letter-spacing:-1.8px;white-space:nowrap;
}
body.adt-signin-theme .signin-intro {
    margin:0;color:var(--signin-ink);
    font:400 clamp(18px,calc(26 * var(--ui17-u)),24px)/1.4 'ADT Signin Condensed',Arial,sans-serif;
}
body.adt-signin-theme .signin-right {
    flex:0 0 min(44%,520px);width:min(44%,520px);min-width:0;max-width:none;
    min-height:0;border:1px solid #c2eaf8;border-radius:10px;
    background:#ffffffed;box-shadow:none;
}
body.adt-signin-theme .signin-right-inner { width:100%;margin:0 auto;padding:24px 32px 20px; }
body.adt-signin-theme .signin-user-icon {
    display:flex;align-items:center;justify-content:center;
    width:56px;height:56px;min-width:56px;min-height:56px;
    margin:0 auto 8px;border-radius:50%;background:#eaf9fd;color:var(--signin-ink);
}
body.adt-signin-theme .signin-user-icon svg { width:58%;height:58%;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
body.adt-signin-theme .signin-right h2 {
    margin:0 0 4px;color:var(--signin-ink);text-align:center;
    font:700 30px/1.2 'ADT Signin Heading',Arial,sans-serif;
    letter-spacing:-.8px;
}
body.adt-signin-theme .signin-account-note { margin:0 0 16px;color:var(--signin-ink);font-size:14px;text-align:center;line-height:1.5; }
body.adt-signin-theme .form-group { margin-bottom:16px; }
body.adt-signin-theme .form-group[style] { margin-top:0 !important; }
body.adt-signin-theme .signin-label { display:block;margin:0 0 5px;color:var(--signin-ink);font-size:14px;line-height:1.4;font-weight:600; }
body.adt-signin-theme .signin-input {
    display:block;width:100%;height:48px;min-height:48px;
    border:1px solid #c5dce9;border-radius:4px;padding:10px 15px;
    background:#fff;color:var(--signin-ink);font-size:16px;box-shadow:none;
}
body.adt-signin-theme .signin-input::placeholder { color:#7c828b;opacity:1; }
body.adt-signin-theme .signin-input:focus { border-color:var(--signin-teal); }
body.adt-signin-theme .signin-input.input-error { border-color:#b71c1c !important;background:#fff8f8; }
body.adt-signin-theme .password-wrapper { position:relative; }
body.adt-signin-theme #password { padding-right:58px; }
body.adt-signin-theme .password-toggle {
    position:absolute;top:50%;right:4px;transform:translateY(-50%);width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;
    background:transparent;color:#344e63;cursor:pointer;
}
body.adt-signin-theme .password-toggle:hover { background:var(--signin-pale); }
body.adt-signin-theme .remember-row { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;font-size:14px; }
body.adt-signin-theme .remember-row label { display:flex;align-items:center;gap:12px;margin:0;color:var(--signin-teal);font-weight:400;cursor:pointer; }
body.adt-signin-theme .remember-row input { width:17px;height:17px;margin:0;accent-color:var(--signin-teal); }
body.adt-signin-theme .remember-row a { padding:3px 0;color:#007dcc;text-decoration:none; }
body.adt-signin-theme .remember-row a:hover { text-decoration:underline; }
body.adt-signin-theme .btn-signin {
    display:block;width:100%;min-height:48px;margin-top:16px;padding:11px 20px;
    border:0;border-radius:5px;background:#ed4141;color:#fff;
    font-size:19px;line-height:1.2;font-weight:700;cursor:pointer;
}
body.adt-signin-theme .btn-signin::after { content:'⟶';display:inline-block;margin-left:25px;font:400 24px/1 Arial,sans-serif;vertical-align:-1px; }
body.adt-signin-theme .btn-signin:hover { background:#d83232; }
body.adt-signin-theme .btn-signin:disabled { background:#b63434;cursor:wait; }
body.adt-signin-theme .btn-signin:disabled::after { content:none; }
body.adt-signin-theme .signin-alert { display:none;padding:12px 14px;margin-bottom:20px;border:1px solid #c65151;border-radius:5px;background:#fff4f4;color:#9e2323;font-size:14px;line-height:1.6;overflow-wrap:anywhere; }
body.adt-signin-theme .signin-divider-line { margin:20px 0 10px;border:0;border-top:1px solid #c2e6f2; }
body.adt-signin-theme .signin-back { display:block;padding:5px 0;text-align:center;color:#007dcc;font-size:15px;text-decoration:none; }
body.adt-signin-theme .signin-back:hover { text-decoration:underline; }
body.adt-signin-theme .copyright,
body.adt-signin-theme .copyright.fixed-site-footer { position:static !important;flex:0 0 auto;width:100%;padding:12px 3.55%;background:#002d44;border:0;z-index:auto !important; }
body.adt-signin-theme .copyright .copyright-bar { display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1320px;margin:0 auto;padding:0;color:#fff;font:400 14px/1.5 'ADT Signin Condensed',Arial,sans-serif; }
body.adt-signin-theme .copy-left { font-weight:600;color:#fff;white-space:nowrap; }
body.adt-signin-theme .copy-right { display:flex;align-items:center;gap:24px; }
body.adt-signin-theme .copy-right a { color:#fff;text-decoration:none; }
body.adt-signin-theme .copy-right a:hover { text-decoration:underline; }
body.adt-signin-theme .signin-footer-divider { width:1px;height:22px;background:#9db4bf; }
@media(max-width:1150px) and (min-width:992px) {
    body.adt-signin-theme .top-nav-custom { gap:18px !important;padding:0 20px !important; }
    body.adt-signin-theme .top-nav-logo img { width:58px !important;height:35px !important; }
    body.adt-signin-theme .top-nav-logo .brand-title { font-size:24px !important; }
    body.adt-signin-theme .top-nav-menu { gap:10px 12px !important; }
    body.adt-signin-theme .top-nav-menu a { font-size:12px !important; }
}
@media(max-width:991.98px) {
    body.adt-signin-theme { --nav-height:76px;padding-top:76px !important; }
    body.adt-signin-theme .top-nav-custom { padding:8px 20px !important;gap:12px !important; }
    body.adt-signin-theme .top-nav-logo { flex:1 1 auto !important; }
    body.adt-signin-theme .top-nav-logo img { width:60px !important;height:35px !important; }
    body.adt-signin-theme .top-nav-logo .brand-title { font-size:25px !important; }
    body.adt-signin-theme .top-nav-logo .brand-tagline { font-size:12px !important; }
    body.adt-signin-theme .top-nav-menu { top:76px;max-height:calc(100svh - 76px);padding:12px 24px !important;box-shadow:0 12px 20px #17354a12; }
    body.adt-signin-theme .top-nav-menu a,
    body.adt-signin-theme .top-nav-menu a:link,
    body.adt-signin-theme .top-nav-menu a:visited { padding:13px 8px !important;border-bottom:1px solid var(--signin-line) !important;font-size:15px !important; }
    body.adt-signin-theme .top-nav-menu a:hover,
    body.adt-signin-theme .top-nav-menu a:focus { padding:13px 8px !important;border-bottom:1px solid var(--signin-line) !important; }
    body.adt-signin-theme .top-nav-custom.nav-open .nav-toggle { background:var(--signin-pale); }
    body.adt-signin-theme .signin-page { padding:28px 24px 36px; }
    body.adt-signin-theme .signin-right { flex-basis:52%;width:52%; }
    body.adt-signin-theme .signin-title-bar { font-size:36px;white-space:normal;letter-spacing:-1px; }
    body.adt-signin-theme .signin-intro { font-size:20px; }
    body.adt-signin-theme .signin-right-inner { padding:28px 24px; }
    body.adt-signin-theme .signin-visual { width:56%;height:360px; }
}
@media(max-width:700px) {
    body.adt-signin-theme .signin-page { padding:24px 20px 32px; }
    body.adt-signin-theme .signin-breadcrumb { gap:10px;font-size:13px; }
    body.adt-signin-theme .signin-row { display:block;min-height:0; }
    body.adt-signin-theme .signin-left { display:block;width:100%;min-height:235px; }
    body.adt-signin-theme .signin-brand-panel { padding:18px 0 26px; }
    body.adt-signin-theme .signin-title-bar { font-size:36px; }
    body.adt-signin-theme .signin-intro { font-size:19px; }
    body.adt-signin-theme .signin-visual { top:90px;bottom:auto;width:100%;height:280px;opacity:.35; }
    body.adt-signin-theme .signin-right { width:100%;min-height:0;background:#fff; }
    body.adt-signin-theme .signin-right-inner { max-width:540px;padding:28px 24px; }
    body.adt-signin-theme .signin-user-icon { width:64px;height:64px; }
    body.adt-signin-theme .signin-right h2 { font-size:30px; }
    body.adt-signin-theme .signin-account-note { margin-bottom:24px; }
    body.adt-signin-theme .form-group { margin-bottom:20px; }
    body.adt-signin-theme .btn-signin { margin-top:20px;min-height:52px; }
    body.adt-signin-theme .signin-divider-line { margin-top:24px; }
    body.adt-signin-theme .copyright { padding:20px; }
    body.adt-signin-theme .copyright .copyright-bar { flex-direction:column;align-items:flex-start;gap:10px; }
    body.adt-signin-theme .copy-right { flex-wrap:wrap;gap:14px; }
}
@media(max-width:420px) {
    body.adt-signin-theme .top-nav-custom { padding:8px 12px !important;gap:8px !important; }
    body.adt-signin-theme .top-nav-logo { gap:8px !important; }
    body.adt-signin-theme .top-nav-logo img { width:42px !important;height:26px !important; }
    body.adt-signin-theme .top-nav-logo .brand-title { font-size:21px !important; }
    body.adt-signin-theme .top-nav-logo .brand-tagline { font-size:10px !important; }
    body.adt-signin-theme .top-nav-right a.signin-btn { padding:8px 9px;font-size:12px; }
    body.adt-signin-theme .nav-toggle { width:36px;height:40px;flex-basis:36px;font-size:22px; }
    body.adt-signin-theme .signin-page { padding:22px 14px 28px; }
    body.adt-signin-theme .signin-title-bar { font-size:33px; }
    body.adt-signin-theme .signin-right-inner { padding:26px 20px; }
}

/* v1.2: fit short desktop viewports while preserving readable controls.
   Mobile/tablet and zoomed narrow layouts keep their normal scrolling layout. */
@media(min-width:992px) and (max-height:760px) {
    body.adt-signin-theme { --nav-height:64px; }
    body.adt-signin-theme .signin-page { padding:10px clamp(24px,4vw,60px); }
    body.adt-signin-theme .signin-breadcrumb { margin-bottom:8px;line-height:20px;font-size:13px; }
    body.adt-signin-theme .signin-brand-panel { padding-top:16px; }
    body.adt-signin-theme .signin-title-bar { font-size:clamp(32px,3.4vw,46px); }
    body.adt-signin-theme .signin-intro { font-size:20px; }
    body.adt-signin-theme .signin-visual { height:min(49svh,360px); }
    body.adt-signin-theme .signin-right { flex-basis:min(44%,490px);width:min(44%,490px); }
    body.adt-signin-theme .signin-right-inner { padding:16px 26px; }
    body.adt-signin-theme .signin-user-icon { display:none; }
    body.adt-signin-theme .signin-right h2 { font-size:28px; }
    body.adt-signin-theme .signin-account-note { margin-bottom:12px; }
    body.adt-signin-theme .form-group { margin-bottom:12px; }
    body.adt-signin-theme .signin-input { height:44px;min-height:44px; }
    body.adt-signin-theme .remember-row { font-size:14px; }
    body.adt-signin-theme .btn-signin { min-height:44px;margin-top:12px;padding:9px 20px; }
    body.adt-signin-theme .signin-divider-line { margin:14px 0 8px; }
    body.adt-signin-theme .signin-back { padding:4px 0;line-height:22px; }
    body.adt-signin-theme .copyright,
    body.adt-signin-theme .copyright.fixed-site-footer { padding-top:8px;padding-bottom:8px; }
}
