/* ATHRTY X4140 — customer-first product discovery + interactive concept walkthrough.
   Fully scoped to Genesis Product Explorer. No billing, tenant, or provider state.
*/
.x5-home > #x5-products.x4100-explorer .x4100-explorer-toolbar{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:16px 24px;
}
.x5-home > #x5-products.x4100-explorer .x4140-search{
 grid-column:1/-1;
 display:grid;
 gap:10px;
 min-width:0;
 width:100%;
 max-width:780px;
}
.x5-home > #x5-products.x4100-explorer .x4140-search label{
 display:block;
 font:700 12px/1.5 var(--x4100-font,system-ui);
 letter-spacing:.02em;
 color:#D9EDE9;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-input{
 display:flex;
 align-items:center;
 gap:13px;
 min-height:56px;
 background:#1A2A27;
 border:1px solid #6F938D;
 border-radius:14px;
 padding:6px 11px 6px 17px;
 transition:background .16s ease,border-color .16s ease;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-input:focus-within{
 border-color:#CFEBE6;
 box-shadow:0 0 0 3px rgba(201,233,227,.12);
 background:#203430;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-input>span{
 display:grid;
 place-items:center;
 flex:none;
 color:#B7D6D0;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-input input{
 flex:1;
 min-width:0;
 width:100%;
 min-height:42px;
 border:0!important;
 outline:none!important;
 box-shadow:none!important;
 color:#f0f8f0!important;
 background:transparent!important;
 padding:5px 0;
 font:500 clamp(13px,1.14vw,16px)/1.45 var(--x4100-font,system-ui);
 letter-spacing:0;
 border-radius:0;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-input input::placeholder{
 color:#A6BCB8;opacity:1;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-input input::-webkit-search-cancel-button{
 appearance:none;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-clear{
 flex:none;
 min-height:40px;
 padding:8px 14px;
 background:#29413D!important;
 color:#E1EEEC!important;
 border:1px solid #6D928B!important;
 border-radius:999px!important;
 font:680 11px/1.3 var(--x4100-font,system-ui);
 cursor:pointer;
}
.x5-home > #x5-products.x4100-explorer .x4140-search-clear[hidden]{display:none!important}
.x5-home > #x5-products.x4100-explorer .x4140-search-clear:hover{background:#385852!important}
.x5-home > #x5-products.x4100-explorer .x4100-goal-filters{
 min-width:0;
}
.x5-home > #x5-products.x4100-explorer .x4100-product-count{
 justify-self:end;
 white-space:normal;
 text-align:right;
 max-width:21ch;
}
/* Real product semantics remain outside the example; this is an illustrative UI tour. */
.x4100-product-dialog .x4140-demo{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 gap:18px;
 margin:0 clamp(23px,3.5vw,43px) clamp(25px,3.5vw,41px);
 padding:clamp(22px,3vw,32px);
 border:1px solid #50736D;
 border-radius:18px;
 background:linear-gradient(125deg,#1C2D2A,#12201D);
}
.x4100-product-dialog .x4140-demo-intro{
 display:grid;gap:9px;max-width:760px;
}
.x4100-product-dialog .x4140-demo-intro h3{
 font:630 clamp(24px,2.9vw,36px)/1.12 var(--athrty-ui-font,system-ui)!important;
 letter-spacing:-.052em;
 margin:0;
}
.x4100-product-dialog .x4140-demo-intro p{
 color:#B7CBC7;
 font-size:13px;line-height:1.6;
 margin:0;
 max-width:58ch;
}
.x4100-product-dialog .x4140-demo-tabs{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px;
}
.x4100-product-dialog .x4140-demo-tabs button{
 min-height:91px;
 padding:16px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 align-items:flex-start;
 gap:14px;
 border:1px solid #506D68;
 border-radius:13px!important;
 background:#172926;
 color:#C9DAD7;
 text-align:left;
 cursor:pointer;
}
.x4100-product-dialog .x4140-demo-tabs button:hover{
 border-color:#A2C9C2;
 background:#283D39;
 color:#f5f8ef;
}
.x4100-product-dialog .x4140-demo-tabs button[aria-pressed=true]{
 background:#D3EAE6;
 color:#172A27;
 border-color:#D3EAE6;
}
.x4100-product-dialog .x4140-demo-tabs button small{
 font:780 10px/1.3 var(--athrty-ui-font,system-ui);
 opacity:.72;
}
.x4100-product-dialog .x4140-demo-tabs button strong{
 font:660 clamp(12px,1.4vw,15px)/1.36 var(--athrty-ui-font,system-ui);
 letter-spacing:-.02em;
}
.x4100-product-dialog .x4140-demo-panel{
 min-width:0;
}
.x4100-product-dialog .x4140-demo-scene{
 min-height:215px;
 padding:clamp(18px,3vw,31px);
 display:flex;
 flex-direction:column;
 gap:19px;
 border-radius:14px;
 overflow:hidden;
 border:1px solid #456963;
 background:radial-gradient(ellipse at 89% 0%,rgba(143,202,191,.16),transparent 45%),linear-gradient(135deg,#1A342F,#0E1A18);
}
.x4100-product-dialog .x4140-demo-screen-top{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.x4100-product-dialog .x4140-demo-screen-icon{
 display:grid;place-items:center;
 width:40px;height:40px;
 border-radius:12px;
 border:1px solid #789C96;
 color:#CCE5E1;
}
.x4100-product-dialog .x4140-demo-screen-top small{
 font:700 10px/1.4 var(--athrty-ui-font,system-ui);
 text-transform:uppercase;
 letter-spacing:.07em;
 color:#B5D4CE;
 text-align:right;
}
.x4100-product-dialog .x4140-demo-screen-center{
 display:grid;gap:10px;
 margin:7px 0 auto;
}
.x4100-product-dialog .x4140-demo-screen-center span{
 font:720 10px/1.4 var(--athrty-ui-font,system-ui);
 color:#A2C9C2;
 letter-spacing:.1em;
}
.x4100-product-dialog .x4140-demo-screen-center strong{
 font:640 clamp(25px,3.6vw,39px)/1.12 var(--athrty-ui-font,system-ui);
 letter-spacing:-.05em;
 color:#F2F8F7;
}
.x4100-product-dialog .x4140-demo-screen-center p{
 font-size:14px;
 color:#BCD2CE;
 line-height:1.6;
 margin:0;
 max-width:61ch;
}
.x4100-product-dialog .x4140-demo-screen-foot{
 display:flex;flex-wrap:wrap;
 justify-content:space-between;gap:9px;
 margin-top:8px;
 border-top:1px solid #395651;padding-top:13px;
 font:680 9px/1.4 var(--athrty-ui-font,system-ui);
 color:#95B2AD;
 letter-spacing:.08em;
}
@media(max-width:640px){
 .x5-home > #x5-products.x4100-explorer .x4100-explorer-toolbar{
  display:flex!important;flex-direction:column;align-items:stretch;gap:13px;
 }
 .x5-home > #x5-products.x4100-explorer .x4140-search{
  width:100%;
 }
 .x5-home > #x5-products.x4100-explorer .x4100-product-count{
  align-self:flex-start;text-align:left;
 }
 .x5-home > #x5-products.x4100-explorer .x4140-search-input{
  min-height:53px;
 }
 .x5-home > #x5-products.x4100-explorer .x4140-search-input input{
  font-size:14px;
 }
 .x4100-product-dialog .x4140-demo{
  padding:18px;
  margin:0 16px 19px;
  border-radius:14px;
  gap:16px;
 }
 .x4100-product-dialog .x4140-demo-tabs{
  gap:5px;
 }
 .x4100-product-dialog .x4140-demo-tabs button{
  min-height:93px;padding:12px 8px;
  border-radius:9px!important;
 }
 .x4100-product-dialog .x4140-demo-tabs button strong{
  font-size:11px;
 }
 .x4100-product-dialog .x4140-demo-scene{
  min-height:210px;
 }
 .x4100-product-dialog .x4140-demo-screen-center strong{
  font-size:clamp(23px,6vw,31px);
 }
}
@media(max-width:350px){
 .x4100-product-dialog .x4140-demo-tabs button strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .x5-home #x5-products.x4100-explorer .x4140-search-input,
 .x4100-product-dialog .x4140-demo-tabs button{transition:none!important}
}
/* X4140 convergence — approved product artwork now supports the live example panel,
   avoiding a duplicate standalone static preview and exposing the interaction sooner. */
.x4100-product-dialog .x4100-detail-body{
 align-items:stretch;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo{
 min-width:0;
 margin:0;
 padding:clamp(17px,2.5vw,27px);
 gap:13px;
 border-radius:16px;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-intro{
 gap:7px;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-intro h3{
 font-size:clamp(24px,2.5vw,31px)!important;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-intro p{
 font-size:12px;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-tabs button{
 min-height:75px;
 padding:13px;
 gap:8px;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-tabs button strong{
 font-size:clamp(11px,1vw,13px);
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-scene{
 min-height:184px;
 padding:20px;
 position:relative;
 isolation:isolate;
}
.x4100-product-dialog .x4140-demo-scene > .x4140-demo-cover{
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
 z-index:0;
 opacity:.22;
 pointer-events:none;
}
.x4100-product-dialog .x4140-demo-scene::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 pointer-events:none;
 background:linear-gradient(115deg,rgba(13,25,23,.91),rgba(13,25,23,.57));
}
.x4100-product-dialog .x4140-demo-scene > :not(.x4140-demo-cover){
 position:relative;
 z-index:2;
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-screen-center strong{
 font-size:clamp(21px,2.1vw,29px);
}
.x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-screen-center p{
 font-size:12px;
}
@media(max-width:630px){
 .x4100-product-dialog .x4100-detail-body > .x4140-demo{
  padding:16px;
  margin:0;
 }
 .x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-tabs button{
  min-height:75px;
  padding:10px 7px;
 }
 .x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-scene{
  min-height:170px;
  padding:17px;
 }
 .x4100-product-dialog .x4100-detail-body > .x4140-demo .x4140-demo-screen-center strong{
  font-size:24px;
 }
}