/* Approved Tintte review design. Scoped to portal and native WordPress login. */
@font-face{font-family:Sora;src:url(brand-assets/sora-300.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Sora;src:url(brand-assets/sora-400.woff2) format('woff2');font-weight:400;font-display:swap}
#tintte-room .app{grid-template-columns:284.625px minmax(0,1fr);margin:24px;border-radius:16px;overflow:hidden;min-height:calc(100vh - 48px);background:#e6e9e8}
#tintte-room .sidebar{background:linear-gradient(180deg,rgba(8,18,20,.62),rgba(5,14,27,.5) 45%,rgba(4,12,24,.76)),url(brand-assets/tintte-bio.avif) 48% center/cover;border:0;color:#fff}
#tintte-room .sidebar nav{display:grid;gap:10px}
#tintte-room .nav-link{border:1px solid rgba(255,255,255,.48);border-radius:6px;min-height:44px;padding:13px 14px;background:rgba(8,18,35,.38);color:#fff;font-weight:400}
#tintte-room .nav-link:hover{background:rgba(255,255,255,.2);border-color:#fff}
#tintte-room .nav-link.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);box-shadow:inset 2px 0 0 rgba(255,255,255,.75);color:#fff;font-weight:400}
#tintte-room .sidebar :focus-visible{outline:3px solid #fff;outline-offset:4px}
#tintte-room .sidebar .room-label,#tintte-room .sidebar .room-label span,#tintte-room .sidebar-bottom p,#tintte-room .sidebar .admin-id small{color:#e5e9f1}
#tintte-room .workspace,#tintte-room .topbar,#tintte-room .prep-banner{background:#e6e9e8;color:#171717;border-color:#c5ccca}
#tintte-room .top-path,#tintte-room .top-path strong,#tintte-room .mobile-brand,#tintte-room .top-actions .button,#tintte-room .topbar .back-home{color:#171717}
#tintte-room .top-actions .button,#tintte-room .topbar .back-home{border-color:#a4adaa}
#tintte-room .page-heading h1{font-size:42px;font-weight:300}
#tintte-room .page-heading p,#tintte-room .footer,#tintte-room .empty-real p{color:#555d5b}
body.login,.tintte-auth{font-family:Sora,Arial,sans-serif;font-weight:300;color:#171717;box-sizing:border-box;background:#272924;position:relative;isolation:isolate;min-height:calc(100vh - 48px);margin:24px;border-radius:16px;overflow:hidden}
.tintte-auth{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:40px;padding:40px}
.tintte-auth *,body.login *{box-sizing:border-box}
.tintte-auth-media{position:absolute;inset:0;z-index:-2;background:#272924 url(brand-assets/tintte-home-poster.jpg) center/cover}
.tintte-auth-media:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.43)}
.tintte-auth-media video{width:100%;height:100%;object-fit:cover}
.tintte-auth-brand{display:flex;flex-direction:column;justify-content:space-between;min-width:0;color:#fff}
.tintte-auth-brand>img{width:104px;height:auto}
.tintte-auth-brand h1{font:300 clamp(36px,4.42vw,65px)/1.2 Sora,Arial,sans-serif;text-align:center;margin:80px 0;letter-spacing:normal;color:#fff}
.tintte-motion{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:11px}
.tintte-motion span,.tintte-motion button{background:rgba(0,0,0,.62);color:white;padding:9px 11px;border-radius:4px}
.tintte-motion button{font:inherit;border:1px solid #ffffff99;cursor:pointer;min-height:40px}
.tintte-auth-card,body.login #login{background:#fff;border-radius:12px;padding:36px;min-width:0;color:#171717}
.tintte-auth-card{align-self:center;min-height:580px;display:flex;flex-direction:column;justify-content:center}
.tintte-auth-card h2{font:300 34px/1.25 Sora,Arial,sans-serif;margin:20px 0}
.tintte-auth-card p{font-size:13px;line-height:1.8;color:#626262}
.tintte-auth-eyebrow{font-size:10px!important;letter-spacing:.12em}
.tintte-auth-card label,body.login label{font-size:12px;display:block;margin:20px 0 8px}
.tintte-auth-card input[type=text],.tintte-auth-card input[type=password],body.login input[type=text],body.login input[type=password]{width:100%;padding:12px 0;border:0;border-bottom:1px solid #a9a9a9;background:white;border-radius:0;font:400 16px Sora,Arial,sans-serif;color:#171717}
.tintte-auth-card input[type=submit],body.login .button-primary,.tintte-auth-action{display:block;width:100%;padding:14px 18px;background:#111;color:white;border:1px solid #111;border-radius:5px;font:400 13px Sora,Arial,sans-serif;min-height:46px;cursor:pointer;text-decoration:none;text-align:center;margin:24px 0 16px}
.tintte-auth-card a{font-size:12px;color:#171717;text-underline-offset:4px}
.tintte-auth-card .tintte-auth-action{color:white}
.tintte-auth-foot{border-top:1px solid #ddd;padding-top:22px;margin-top:30px;font-size:11px!important}
.tintte-status{border:1px solid #ccc;border-radius:30px;padding:8px 12px;font-size:11px;align-self:flex-start}
.tintte-auth-card .login-remember label{display:flex;align-items:center;gap:8px}
body.login{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:40px;padding:40px;width:auto}
body.login #login{width:100%;margin:0;align-self:center;z-index:1}
body.login #login h1 a{background-image:url(brand-assets/tintte-white.svg);filter:invert(1);background-size:100% auto;width:104px;height:30px;margin-bottom:28px}
body.login form{box-shadow:none;border:0;padding:0;margin:0;background:none;overflow:visible}
body.login #nav,body.login #backtoblog{padding:0;font-size:12px}
body.login .language-switcher{display:none}
body.login .forgetmenot label{margin:8px 0}
body.login .wp-pwd input{padding-right:42px}
body.login #login_error,body.login .message,body.login .success{font-size:12px;box-shadow:none}
body.login .privacy-policy-page-link{display:none}
.tintte-auth :focus-visible,body.login :focus-visible{outline:3px solid #78917f;outline-offset:3px}
@media(max-width:800px){.tintte-auth,body.login{grid-template-columns:minmax(0,1fr);padding:22px;gap:24px;margin:12px;min-height:calc(100vh - 24px)}.tintte-auth-brand{min-height:215px}.tintte-auth-brand h1{font-size:36px;margin:28px 0}.tintte-auth-brand>img{width:86px}.tintte-auth-card,body.login #login{padding:26px 24px;min-height:0}.tintte-auth-card h2{font-size:28px}.tintte-motion{font-size:10px}}
@media(max-width:680px){#tintte-room .app{display:block;margin:12px;min-height:calc(100vh - 24px)}#tintte-room .sidebar{width:min(284.625px,calc(100vw - 40px))}#tintte-room .page-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.tintte-auth-media video{visibility:hidden}}
/* Keep native WordPress remember/submit/navigation in independent rows. */
body.login #loginform .forgetmenot{float:none;display:flex;align-items:center;gap:8px;margin:16px 0;clear:both}
body.login #loginform .forgetmenot label{display:inline;margin:0;line-height:1.5}
body.login #loginform .forgetmenot input{margin:0;flex-shrink:0}
body.login #loginform .submit{clear:both;float:none;margin:0}
body.login #loginform .submit .button-primary{float:none;height:auto;line-height:1.4}
body.login #nav,body.login #backtoblog{clear:both;margin-top:20px}
/* Explicit portal action contrast overrides the base anchor selector. */
#tintte-room .tintte-auth-card a.tintte-auth-action,#tintte-room .tintte-auth-card a.tintte-auth-action:visited{color:#fff;background:#111;border-color:#111;text-decoration:none;opacity:1}
#tintte-room .tintte-auth-card a.tintte-auth-action:hover{color:#fff;background:#292929;border-color:#292929}
#tintte-room .tintte-auth-card a.tintte-auth-action:focus-visible{color:#fff;background:#111;outline:3px solid #567762;outline-offset:4px}
#tintte-room .tintte-auth-card a.tintte-auth-action:active{color:#fff;background:#000}

/* Keep the actual login action visually distinct from password recovery. */
#tintte-room .tintte-auth-card input[type=submit]{background:#111;color:#fff;border-color:#111;min-height:46px}
#tintte-room .tintte-auth-card input[type=submit]:hover{background:#292929;color:#fff}
#tintte-room .tintte-auth-card input[type=submit]:focus-visible{outline:3px solid #567762;outline-offset:4px}

/* Viewer watermark: retain identity with less interference over document content. */
#tintte-room .viewer-watermark{color:rgba(0,0,0,.12);text-shadow:0 0 2px rgba(255,255,255,.20)}

/* Single diagonal is embedded server-side with viewer and UTC. */
#tintte-room .viewer-watermark{display:none}

/* Continuous protected preview, full viewport. */
#tintte-room .viewer-scroll-modal{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;box-sizing:border-box;border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
#tintte-room .viewer-scroll-modal .modal-header{flex:none;margin:0;padding:12px 22px;align-items:center;gap:16px;border-bottom:1px solid #e6e6e6}
#tintte-room .viewer-scroll-modal .modal-header h2{font-size:17px;line-height:1.3;margin:0;overflow-wrap:anywhere}
#tintte-room .viewer-scroll-modal .modal-header .eyebrow{display:none}
#tintte-room .viewer-scroll-modal .modal-close{width:40px;height:40px;font-size:25px}
#tintte-room .viewer-scroll-modal>.native-status{flex:none;margin:0;padding:4px 22px;font-size:11px;line-height:1.6}
#tintte-room .viewer-scroll-modal .viewer-content{flex:1;min-height:0;width:100%;overflow:auto;overscroll-behavior:contain;background:#e9e9e9;padding:12px;box-sizing:border-box;scrollbar-gutter:stable}
#tintte-room .viewer-scroll-page{margin:0 0 18px;width:100%}
#tintte-room .viewer-scroll-page .viewer-frame{background:white;min-height:0;width:100%;box-shadow:0 2px 10px #0001}
#tintte-room .viewer-scroll-page .viewer-page{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#tintte-room .viewer-scroll-page .viewer-page:not([src]){visibility:hidden}
#tintte-room .viewer-page-hint{position:absolute;inset:0;display:grid;place-content:center;font-size:14px;color:#666}
#tintte-room .viewer-page-hint[hidden]{display:none}
#tintte-room .viewer-scroll-page figcaption{text-align:center;color:#666;font-size:11px;line-height:2.2}
@media(max-width:600px){#tintte-room .viewer-scroll-modal .modal-header{padding:8px 12px}#tintte-room .viewer-scroll-modal .modal-header h2{font-size:13px}#tintte-room .viewer-scroll-modal>.native-status{padding:4px 12px;font-size:10px}#tintte-room .viewer-scroll-modal .viewer-content{padding:4px}#tintte-room .viewer-scroll-page{margin-bottom:10px}}

#tintte-room .modal-overlay:has(.viewer-scroll-modal){z-index:100000}