/* immotune.com — centralized premium interface layer */
:root{
  --it-ink:#102f45;
  --it-copy:#5f788a;
  --it-line:#d8e5ec;
  --it-blue:#1086c2;
  --it-cyan:#45c7ed;
  --it-green:#20ae80;
  --it-navy:#082740;
  --it-soft:#f5f9fb;
  --it-radius:13px;
  --it-shadow:0 10px 30px rgba(20,60,88,.075);
}
html,body,.category-section,.smart-module-browser{overflow-anchor:none}

/* predictable sizing and restrained motion */
.quick-section *, .new-section *, .recent-section *, .purchase-page *,
.download-page *, .ticket-page *, .user-dashboard *, .extensions-page *{box-sizing:border-box}
.quick-section button,.new-section button,.purchase-page button,.download-page button,.ticket-page button{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.quick-section button:hover:not(:disabled),.purchase-page button:hover:not(:disabled),.download-page button:hover:not(:disabled),.ticket-page button:hover:not(:disabled){transform:translateY(-1px)}

/* category rail */
.category-grid{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.category-grid::-webkit-scrollbar{display:none}
.category-card{scroll-snap-align:start;min-width:0;overflow:hidden}
.category-copy{min-width:0}
.category-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* quick flow — one visual system for selector, workspace and summary */
.quick-section{border-color:#d5e3eb!important;box-shadow:0 14px 38px rgba(17,56,84,.09)!important;overflow:hidden}
.quick-section>.section-heading{
  position:relative;
  padding:13px 16px!important;
  border-bottom:1px solid rgba(110,191,229,.18)!important;
  background:radial-gradient(circle at 93% -50%,rgba(55,183,231,.22),transparent 34%),linear-gradient(118deg,#092a44,#0c4568)!important;
  gap:16px!important;
}
.quick-section>.section-heading::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#46c8ef 35%,#28c297 70%,transparent);opacity:.65}
.quick-section>.section-heading .section-label{color:#6bd7f7!important}
.quick-section>.section-heading h2{color:#fff!important}
.quick-section>.section-heading h2 span:last-child{color:#fff!important}
.quick-title-icon{border:1px solid rgba(104,216,249,.24)!important;background:rgba(82,192,230,.12)!important;color:#6edcf8!important}
.quick-selectors{min-width:0!important;flex:1 1 720px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.quick-selectors label{min-width:0}
.quick-selectors select{width:100%;height:43px!important;border-color:rgba(157,218,244,.28)!important;border-radius:9px!important;background:rgba(255,255,255,.985)!important;color:#1d4057!important;box-shadow:0 6px 18px rgba(2,20,34,.12)!important;font-weight:800!important}
.quick-layout{min-width:0!important;gap:11px!important;padding:11px!important;background:linear-gradient(180deg,#f4f8fb,#edf4f8)!important;align-items:stretch!important}
.selection-panel,.credit-summary{min-width:0!important;max-width:100%!important}
.selection-panel{border-color:#d7e4eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 7px 20px rgba(20,65,94,.055)!important;overflow:hidden!important}
.tuning-workspace{min-width:0!important;gap:10px!important}
.upload-card,.dtc-panel,.module-options,.credit-summary{position:relative;border-color:var(--it-line)!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#f8fbfd)!important;box-shadow:0 7px 20px rgba(20,65,94,.05)!important}
.upload-card::before,.dtc-panel::before,.module-options::before,.credit-summary::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:2px;border-radius:3px;background:linear-gradient(90deg,#168fd0,#51caed 58%,#25b78a);opacity:.72}
.upload-action,.upload-guidance,.credit-summary dl,.credit-lines,.credit-note{min-width:0!important;max-width:100%!important}
.upload-action{width:100%!important;overflow:visible!important}
.upload-guidance{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.dtc-toolbar{min-width:0!important}
.dtc-search{min-width:0!important}
.dtc-search input{min-width:0!important}
.dtc-table{overflow:hidden!important}
.option-card{min-width:0!important;border-radius:9px!important;background:#fff!important}
.option-card:hover:not(:disabled){border-color:#82bddb!important;box-shadow:0 7px 16px rgba(22,110,157,.09)!important}
.option-card.active,.option-card.selected{background:linear-gradient(145deg,#eef8fd,#edf5ff)!important;box-shadow:inset 0 0 0 1px rgba(19,133,194,.08)!important}
.credit-summary{overflow:hidden!important}
.credit-summary dd,.credit-summary strong,.credit-summary span,.credit-summary p{overflow-wrap:anywhere}
.credit-summary .primary-button{box-shadow:0 8px 18px rgba(12,126,184,.2)}

/* latest modules */
.new-section{box-shadow:var(--it-shadow)!important}
.new-module.new-module-smart{min-width:0!important;overflow:hidden!important}
.new-module-smart .new-module-meta,.new-module-name,.new-module-smart-foot small{white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;overflow:hidden!important}
.new-module-smart-foot{align-items:flex-end!important}
.new-module-smart-foot b{white-space:nowrap}
.support-card-wide{border-color:#cfe2eb!important;background:radial-gradient(circle at 92% 20%,rgba(63,180,229,.12),transparent 32%),linear-gradient(135deg,#f9fcfe,#eef7fb)!important;box-shadow:0 8px 22px rgba(22,68,98,.06)!important}

/* empty history should still feel like a complete product */
.empty-history{position:relative;overflow:hidden;border:1px solid #d8e6ed!important;border-radius:12px!important;background:radial-gradient(circle at 92% 0,rgba(35,158,218,.12),transparent 30%),linear-gradient(145deg,#fff,#f4f9fc)!important;box-shadow:0 8px 24px rgba(23,68,96,.055)!important}
.empty-history::after{content:"";position:absolute;right:-52px;bottom:-74px;width:180px;height:180px;border:1px solid rgba(28,144,203,.1);border-radius:50%;box-shadow:0 0 0 22px rgba(28,144,203,.028)}
.empty-history>*{position:relative;z-index:1}

/* purchase hierarchy */
.credit-package-grid button,.daily-plan-grid button{position:relative;overflow:hidden;border-radius:12px!important;background:linear-gradient(145deg,#fff,#f6fafc)!important;box-shadow:0 7px 19px rgba(21,66,94,.055)!important}
.credit-package-grid button::before,.daily-plan-grid button::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#198dd0,#56cdf0,#2eb88b);opacity:.55}
.credit-package-grid button:hover,.daily-plan-grid button:hover{border-color:#79b9d8!important;box-shadow:0 12px 26px rgba(18,87,128,.11)!important}
.credit-package-grid button.active,.credit-package-grid button.selected,.daily-plan-grid button.active,.daily-plan-grid button.selected{border-color:#1587c1!important;background:linear-gradient(145deg,#eef8fd,#f7fbff)!important;box-shadow:0 0 0 2px rgba(21,135,193,.1),0 12px 26px rgba(18,87,128,.12)!important}
.annual-module-switch button{min-height:62px!important;border-radius:11px!important}
.purchase-checkout{border-color:#cfe0e8!important;box-shadow:0 14px 34px rgba(13,54,81,.1)!important}

/* download and ticket inner cards */
.download-product,.ticket-list-item,.ticket-create-card,.download-card,.ticket-card{border-color:#d7e4eb!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#f7fafc)!important;box-shadow:0 8px 23px rgba(22,67,95,.06)!important}
.download-product:hover,.ticket-list-item:hover{border-color:#8fbfd6!important;box-shadow:0 12px 28px rgba(20,86,124,.1)!important}
.ticket-create-card input,.ticket-create-card select,.ticket-create-card textarea{border-radius:9px!important;background:#fff!important}
.ticket-create-card input:focus,.ticket-create-card select:focus,.ticket-create-card textarea:focus{border-color:#238fc5!important;box-shadow:0 0 0 3px rgba(35,143,197,.09)!important}

/* dashboard mobile navigation is a stable grid, never a clipped strip */
.dashboard-sidebar nav{scrollbar-width:none}
.dashboard-sidebar nav::-webkit-scrollbar{display:none}

/* compact corporate footer */
.site-footer{margin-top:20px!important}
.footer-main{padding:25px 0 21px!important;gap:28px!important;align-items:stretch!important}
.footer-brand-panel>p{margin:11px 0 10px!important;line-height:1.48!important}
.footer-trust-row{gap:6px!important}
.footer-trust-row>span{min-height:29px!important;padding:5px 8px!important}
.footer-nav{gap:17px!important;padding:1px 0!important}
.footer-link-group{gap:1px!important}
.footer-main .footer-link-group>b{margin-bottom:4px!important;padding-bottom:7px!important}
.footer-main .footer-link-group button{min-height:29px!important;line-height:1.25!important}
.footer-security{padding:14px!important}
.footer-security-head>span{width:38px!important;height:38px!important;flex-basis:38px!important}
.footer-security>p{margin:9px 0!important;line-height:1.45!important}
.footer-security-meta{gap:5px!important;padding-top:9px!important}
.footer-bottom{min-height:52px!important}

@media (max-width:1100px){
  .quick-section>.section-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}
  .quick-selectors{width:100%!important;flex-basis:auto!important}
}

@media (max-width:800px){
  .category-grid{overflow-x:auto!important;grid-template-columns:repeat(5,minmax(238px,1fr))!important;padding:1px 1px 5px!important}
  .quick-section>.section-heading{grid-template-columns:1fr!important;padding:12px!important;gap:10px!important}
  .quick-section>.section-heading>div:first-child{display:flex;align-items:center;gap:10px}
  .quick-section>.section-heading>div:first-child>.section-label{display:none}
  .quick-section>.section-heading h2{margin:0!important;white-space:nowrap}
  .quick-selectors{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .quick-layout{padding:9px!important}
  .dashboard-hero{min-height:178px!important}
  .dashboard-sidebar{overflow:visible!important;padding:8px!important}
  .dashboard-sidebar nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}
  .dashboard-sidebar nav button{min-width:0!important;width:100%!important;height:41px!important;padding:0 8px!important;grid-template-columns:19px minmax(0,1fr)!important;text-align:left!important}
  .dashboard-sidebar nav button span:not(:first-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .footer-main{padding:20px 0 17px!important;gap:15px!important}
  .footer-brand-panel{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:13px!important;align-items:center!important}
  .footer-brand-panel>.footer-brand{grid-row:1/3!important}
  .footer-brand-panel>p{max-width:none!important;margin:0!important}
  .footer-brand-panel>.footer-trust-row{margin-top:6px!important}
  .footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px 0 4px!important;border-top:1px solid rgba(124,197,230,.12)!important}
  .footer-security{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:12px!important;align-items:center!important}
  .footer-security-head{grid-row:1/3!important}
  .footer-security>p{margin:0!important}
  .footer-security-meta{grid-column:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-top:7px!important}
  .footer-bottom{min-height:56px!important;padding:8px 0!important;flex-direction:row!important;align-items:center!important;gap:14px!important}
}

@media (max-width:620px){
  .quick-selectors{grid-template-columns:1fr 1fr!important}
  .quick-selectors label:last-child:nth-child(3){grid-column:1/-1}
  .quick-selectors select{height:42px!important;padding-inline:10px 30px!important}
  .quick-layout{gap:9px!important}
  .tuning-workspace{grid-template-columns:1fr!important}
  .upload-card,.dtc-panel,.module-options,.credit-summary{width:100%!important;max-width:100%!important;margin-inline:0!important}
  .upload-action{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .upload-select-button{width:100%!important;max-width:none!important}
  .upload-guidance{text-align:center!important}
  .dtc-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
  .dtc-refresh{padding-inline:10px!important}
  .option-grid{grid-template-columns:1fr 1fr!important}
  .credit-summary{padding:14px!important}
  .new-module.new-module-smart{min-height:auto!important;padding:11px!important}
  .dashboard-sidebar nav{grid-template-columns:1fr 1fr!important}
  .dashboard-sidebar nav button{height:43px!important}
  .dashboard-profile h1{font-size:21px!important}
  .dashboard-hero-actions{gap:7px!important;flex-wrap:wrap}
  .dashboard-hero-actions>span{width:100%;justify-content:center}
  .footer-shell{width:min(100% - 24px,1490px)!important}
  .footer-main{padding:15px 0 12px!important;gap:9px!important}
  .footer-brand-panel{grid-template-columns:1fr!important;gap:0!important}
  .footer-brand-panel>.footer-brand{grid-row:auto!important}
  .footer-brand>.brand-symbol{width:42px!important;height:42px!important;flex-basis:42px!important}
  .footer-brand-panel>p{display:none!important}
  .footer-brand-panel>.footer-trust-row{margin-top:5px!important}
  .footer-trust-row>span{min-height:26px!important;padding:3px 6px!important}
  .footer-nav{gap:5px!important;padding:8px 0 2px!important}
  .footer-link-group:last-child{grid-column:auto!important}
  .footer-main .footer-link-group>b{margin-bottom:2px!important;padding-bottom:5px!important;font-size:12.5px!important}
  .footer-link-group>b::after{height:1px!important}
  .footer-main .footer-link-group button{min-height:23px!important;padding-right:6px!important;font-size:12px!important;line-height:1.15!important}
  .footer-link-group button::after{display:none!important}
  .footer-security{padding:10px!important}
  .footer-security-head{grid-row:1/2!important}
  .footer-security-head small{letter-spacing:.075em!important}
  .footer-security>p{grid-column:2!important;font-size:12px!important}
  .footer-security-meta{grid-column:1/-1!important;margin-top:5px!important;padding-top:5px!important}
  .footer-bottom{min-height:52px!important;padding:6px 0!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:3px 10px!important}
  .footer-live>span{display:flex!important;align-items:center!important;gap:6px!important}
  .footer-live small{margin:0!important}
}

@media (max-width:420px){
  .category-grid{grid-template-columns:repeat(5,minmax(224px,1fr))!important}
  .quick-section>.section-heading{padding:10px!important}
  .quick-section>.section-heading>div:first-child{justify-content:center}
  .quick-selectors{grid-template-columns:1fr!important}
  .quick-selectors label:last-child:nth-child(3){grid-column:auto}
  .option-grid{grid-template-columns:1fr!important}
  .dashboard-sidebar nav button{font-size:11.5px!important}
  .footer-brand-panel>p{display:none!important}
  .footer-trust-row{grid-template-columns:1fr 1fr!important}
  .footer-nav{padding-top:10px!important}
  .footer-security{grid-template-columns:36px minmax(0,1fr)!important}
  .footer-security-head{display:contents!important}
  .footer-security-head>span{width:34px!important;height:34px!important;flex-basis:34px!important;grid-row:1/3!important}
  .footer-security-head>div{align-self:center!important}
  .footer-security>p{display:none!important}
  .footer-security-meta{grid-template-columns:1fr 1fr!important}
  .footer-security-meta span{font-size:11.5px!important;line-height:1.25!important}
  .footer-bottom{min-height:64px!important;align-content:center!important}
}

@media (prefers-reduced-motion:reduce){.quick-section button,.new-section button,.purchase-page button,.download-page button,.ticket-page button{transition:none!important}}
/* Compact four-step quick action selector. */
.quick-section .quick-selectors.has-module-choice{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.quick-section .quick-selectors.has-module-choice select{height:36px!important;padding-inline:9px 28px!important}
@media(max-width:980px){.quick-section .quick-selectors.has-module-choice{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.quick-section .quick-selectors.has-module-choice{grid-template-columns:1fr!important}}

/* Category catalog opens as an overlay drawer and never changes page geometry. */
.smart-module-browser{position:fixed!important;z-index:1200;top:76px;right:max(16px,calc((100vw - 1280px)/2));width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 94px);margin:0!important;padding:14px!important;overflow:auto!important;overscroll-behavior:contain;border-color:#b9d5e7!important;background:radial-gradient(circle at 92% 0,rgba(52,158,229,.16),transparent 30%),linear-gradient(145deg,#fff,#f3f8fc)!important;box-shadow:0 24px 65px rgba(6,31,52,.28),0 0 0 100vmax rgba(5,25,41,.28)!important;animation:smartCatalogIn .18s ease-out}
@keyframes smartCatalogIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){.smart-module-browser{top:68px;right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 78px);padding:10px!important}}
