/* SimplexApp — colourful, calm and accessible. Shared public/admin skin. */
html[data-theme]{--ink:#20355e;--muted:#52617c;--blue:#1954d1;--workspace-border:#20355e;--workspace-navy:#20355e;background:#f2f5ff}
html[data-theme] body{background:#f2f5ff;color:var(--ink)}
html[data-theme] .app-shell{max-width:1200px;padding:28px 28px 118px}
html[data-theme] .cover{margin:0 0 24px;padding:26px 32px 30px;border:3px solid #20355e;border-radius:28px;background:linear-gradient(125deg,#eaf1ff,#fff3be);box-shadow:none;color:var(--ink)}
html[data-theme] .top{color:var(--ink)}
html[data-theme] .brand strong{font-size:32px;letter-spacing:-1px}
html[data-theme] .brand strong em{color:#1954d1}
html[data-theme] .brand span{font-size:13px;color:#52617c;line-height:1.5;margin-top:4px}
html[data-theme] .brand>img{width:46px;height:46px;border-radius:14px}
html[data-theme] .top-admin{background:#ffffffa8;color:#1954d1;border:3px solid #20355e;border-radius:12px;font-size:13px;padding:12px 16px}
html[data-theme] .hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;margin:30px 0 0;min-height:0;background:none;box-shadow:none;overflow:visible}
html[data-theme] .hero-copy{grid-column:1;grid-row:1;padding:0;max-width:none}
html[data-theme] .hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 20px;max-width:560px}
html[data-theme] .hero h1 b{color:#1954d1}
html[data-theme] .mascot{display:block;grid-column:2;grid-row:1;width:100%;height:auto;max-height:280px;object-fit:contain;object-position:center;border-radius:24px;background:#eaf1ff;border:6px solid #ffffffb3;transform:rotate(2deg);box-shadow:0 12px 24px #173c4012}
html[data-theme] .mini{display:flex;gap:22px;color:#52617c}
html[data-theme] .mini div{font-size:12px;line-height:1.4}
html[data-theme] .mini img{width:32px;height:32px;margin-bottom:5px}
html[data-theme] .panel{background:#fff;border:3px solid #20355e;border-radius:22px;padding:24px;margin-top:24px;box-shadow:none}
html[data-theme] .section-head{margin:0 0 20px;gap:12px}
html[data-theme] .section-head h2{font-size:23px;letter-spacing:-.6px;line-height:1.3}
html[data-theme] .linkbtn,html[data-theme] .detail-category{color:#1954d1}
html[data-theme] .home-intro{background:#fff;border:3px solid #20355e;border-radius:18px;margin:0;padding:22px 24px;box-shadow:none;gap:24px}
html[data-theme] .home-intro p{color:#52617c;font-size:16px;line-height:1.6}
html[data-theme] .btn,html[data-theme] .primary{background:#1954d1;color:#fff;border:3px solid transparent;border-radius:12px;box-shadow:none;min-height:44px;font-weight:700;line-height:1.4}
html[data-theme] .btn:hover,html[data-theme] .primary:hover{background:#123c9a}
html[data-theme] .hero-contact-cta,html[data-theme] .business-cta{background:#1954d1;color:#fff;border-radius:12px;box-shadow:none;font-weight:700;min-height:44px}
html[data-theme] .hero-contact-cta:hover,html[data-theme] .business-cta:hover{background:#123c9a}
html[data-theme] .secondary,html[data-theme] .backbtn,html[data-theme] .admin-entry{background:#eaf1ff;color:#1954d1;border:3px solid #20355e;border-radius:12px;min-height:44px}
html[data-theme] .danger{background:#fff0ed;color:#a3372a}
html[data-theme] .business-grid{gap:14px}
html[data-theme] .business-grid article{background:#fff3be;border:3px solid #20355e;box-shadow:none;border-radius:18px;padding:20px}
html[data-theme] .business-grid article:nth-child(2){background:#fff3be;border-color:#20355e}
html[data-theme] .business-grid article:nth-child(3){background:#eaf1ff;border-color:#20355e}
html[data-theme] .business-grid h3{color:#20355e}
html[data-theme] .business-grid p,html[data-theme] .business-lead{color:#52617c;line-height:1.6}
html[data-theme] .featured,html[data-theme] .catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:16px;overflow:visible}
html[data-theme] .app-card,html[data-theme] .featured .app-card,html[data-theme] .catalog .app-card{display:flex;flex-direction:column;align-items:stretch;padding:20px;border:3px solid #20355e;border-radius:18px;background:#fff!important;box-shadow:none;min-height:0;gap:0;transition:border-color .18s,box-shadow .18s}
html[data-theme] .app-card:hover{border-color:#1954d1;box-shadow:0 8px 24px #173c400a}
html[data-theme] .featured .app-card{background:#eaf1ff!important;border-color:#20355e}
html[data-theme] .featured .app-card:nth-child(2){background:#eaf1ff!important;border-color:#20355e}
html[data-theme] .featured .app-card:nth-child(3){background:#fff3be!important;border-color:#20355e}
html[data-theme] .card-top,html[data-theme] .featured .card-top{display:flex;align-items:flex-start;gap:14px;grid-row:auto;margin-bottom:14px}
html[data-theme] .app-card .app-icon,html[data-theme] .featured .app-icon,html[data-theme] .catalog .app-icon{width:64px;height:64px;flex:0 0 64px;border-radius:16px;object-fit:contain;margin:0;box-shadow:none;background:#fff}
html[data-theme] .app-card h3,html[data-theme] .featured h3,html[data-theme] .catalog h3{font-size:17px;line-height:1.35;letter-spacing:-.3px;white-space:normal;min-height:0;margin:2px 24px 8px 0}
html[data-theme] .featured h3{margin-right:0}
html[data-theme] .app-card p,html[data-theme] .featured p,html[data-theme] .catalog p{font-size:13px;line-height:1.55;color:#52617c;min-height:0;margin:0 0 8px;-webkit-line-clamp:3}
html[data-theme] .app-card .meta{font-size:11px;gap:6px;margin:4px 0 10px}
html[data-theme] .status,html[data-theme] .featured .status{font-size:11px}
html[data-theme] .app-card .actions,html[data-theme] .featured .actions{align-self:stretch;margin-top:auto;padding-top:12px;gap:8px}
html[data-theme] .app-card .btn,html[data-theme] .featured .btn,html[data-theme] .catalog .btn{font-size:14px;min-height:44px;border-radius:12px}
html[data-theme] .share-app,html[data-theme] .featured .share-app{grid-column:auto;margin-top:8px;min-height:40px;border:3px solid #20355e;background:#ffffffb3;color:#52617c;border-radius:12px;font-size:12px;position:relative;z-index:3}
html[data-theme] .version{background:#eaf1ff;border-color:#20355e;color:#52617c}
html[data-theme] .categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html[data-theme] .categories button{background:#fff3be!important;border:3px solid #20355e;color:#15264b;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:18px 12px;border-radius:18px;min-height:120px;box-shadow:none}
html[data-theme] .categories button:nth-child(2){background:#eaf1ff!important;border-color:#20355e;color:#1954d1}
html[data-theme] .categories button:nth-child(3){background:#eaf1ff!important;border-color:#20355e;color:#1954d1}
html[data-theme] .categories button:nth-child(4){background:#fff3be!important;border-color:#20355e;color:#15264b}
html[data-theme] .categories img{width:52px;height:48px;object-fit:contain;margin-bottom:10px}
html[data-theme] .categories b{font-size:14px;letter-spacing:0}
html[data-theme] .categories small{display:none}
html[data-theme] .categories button[aria-pressed=true]{outline:3px solid #1954d1}
html[data-theme] .search,html[data-theme] #adminSearch{background:#fafbf8;border:3px solid #20355e;border-radius:12px;min-height:46px;font-size:14px;box-shadow:none}
html[data-theme] .update{background:#fafbf8;border:3px solid #20355e;border-radius:16px;padding:16px;box-shadow:none}
html[data-theme] .update b{font-size:14px}
html[data-theme] .update p{font-size:13px;line-height:1.5;color:#52617c}
html[data-theme] .badge{background:#eaf1ff;color:#1954d1;font-size:9px}
html[data-theme] #clearFilters{background:#eaf1ff;color:#1954d1}
html[data-theme] nav{max-width:600px;background:#ffffffef;border:3px solid #20355e;border-radius:22px;padding:6px;box-shadow:0 8px 28px #173c4018}
html[data-theme] nav button{border-radius:16px;color:#52617c}
html[data-theme] nav button.active{background:#eaf1ff;color:#1954d1}
html[data-theme] nav button.active img{filter:grayscale(1) brightness(.5) sepia(1) saturate(2) hue-rotate(120deg)}
html[data-theme] .detail-hero{background:linear-gradient(120deg,#eaf1ff,#fff3be);box-shadow:none;border:3px solid #20355e}
html[data-theme] .detail-panel{background:#fff;border:3px solid #20355e;border-radius:22px}
html[data-theme] .detail-hero h1{color:#20355e}
html[data-theme] .site-footer{border-color:#20355e;color:#52617c}
html[data-theme] #toast{background:#20355e}
html[data-theme] dialog{background:#fffcf8;color:#20355e;border:3px solid #20355e}
html[data-theme] dialog::backdrop{background:#173c4066}
html[data-theme] dialog .close-dialog{background:#eaf1ff;color:#1954d1}
html[data-theme] button:focus-visible,html[data-theme] a:focus-visible,html[data-theme] input:focus-visible,html[data-theme] select:focus-visible,html[data-theme] textarea:focus-visible{outline:3px solid #1954d1;outline-offset:3px}
html[data-theme] input,html[data-theme] textarea,html[data-theme] select{accent-color:#1954d1}
html[data-theme] #adminView .admin-head{color:#20355e;padding:24px;border:3px solid #20355e;border-radius:22px;background:linear-gradient(120deg,#eaf1ff,#fff3be)}
html[data-theme] #adminView .eyebrow{color:#1954d1}
html[data-theme] #adminView .admin-head>div>div{color:#52617c}
html[data-theme] #adminView .admin-card{border-color:#20355e;border-radius:20px;background:#fff;box-shadow:none}
html[data-theme] #adminView .admin-tabs{background:#fff;border-color:#20355e;border-radius:16px}
html[data-theme] #adminView .admin-tabs .active{background:#eaf1ff;color:#1954d1}
html[data-theme] #adminView label,html[data-theme] #adminView .note{color:#52617c}
html[data-theme] #adminView .editor-group legend{color:#1954d1}
html[data-theme] #adminView .admin-item{background:#fcfdf9;border:3px solid #20355e;border-radius:16px;padding:18px}
html[data-theme] #adminView .admin-app-icon{background:#eaf1ff}
html[data-theme] #adminView .admin-launch-demo{background:#eaf1ff;color:#1954d1;border-color:#20355e}
html[data-theme] #adminView .admin-launch-full,html[data-theme] #adminView .admin-launch-web{background:#1954d1;color:#fff;border-color:#1954d1}
html[data-theme] #adminView .admin-manage-actions button{background:#fff;color:#52617c;border-color:#20355e}
html[data-theme] #adminView .admin-more{border-color:#20355e}
html[data-theme] .workspace-stats button{border-color:#20355e;background:#fff3be}
html[data-theme] .workspace-stats button:nth-child(2){background:#eaf1ff}
html[data-theme] .workspace-stats button:nth-child(3){background:#fff1e9}
html[data-theme] .workspace-stats button:nth-child(4){background:#fff3be}
html[data-theme] .workspace-stats strong{color:#20355e}
html[data-theme] #adminView .module-grid label{background:#fafbf8;border-color:#20355e}
html[data-theme] #adminView .module-grid label:has(input:checked){background:#eaf1ff;border-color:#1954d1;color:#1954d1}
html[data-theme] #adminView .module-grid input{accent-color:#1954d1}
html[data-theme] .license-box,html[data-theme] #clientsStatus{background:#eaf1ff;border-color:#20355e;color:#52617c}
html[data-theme] progress{accent-color:#1954d1}
@media(max-width:900px){html[data-theme] .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .featured{grid-template-columns:1fr}html[data-theme] .featured .card-top{align-items:center}html[data-theme] .featured .app-card{padding:18px}}
@media(max-width:700px){
html[data-theme] .app-shell{padding:14px 14px 112px}
html[data-theme] .cover{padding:20px 18px 24px;border-radius:22px;margin-bottom:18px}
html[data-theme] .brand strong{font-size:26px}
html[data-theme] .brand>img{width:38px;height:38px}
html[data-theme] .brand span{font-size:11px}
html[data-theme] .top-admin{font-size:11px;padding:10px;white-space:normal;max-width:100px}
html[data-theme] .hero{grid-template-columns:1fr;margin-top:26px;gap:20px}
html[data-theme] .hero-copy{grid-row:1;grid-column:1}
html[data-theme] .hero h1{font-size:32px;letter-spacing:-1px;margin-bottom:16px}
html[data-theme] .mascot{grid-row:2;grid-column:1;max-height:185px;width:100%;transform:none;object-fit:cover;object-position:center 45%;border-width:4px;border-radius:18px}
html[data-theme] .mini{gap:20px}
html[data-theme] .panel{padding:18px;margin-top:18px;border-radius:20px}
html[data-theme] .section-head h2{font-size:20px}
html[data-theme] .section-head{margin-bottom:16px;align-items:center}
html[data-theme] .linkbtn{font-size:12px;white-space:normal;text-align:right}
html[data-theme] .home-intro{padding:18px;flex-direction:column;align-items:stretch;gap:16px}
html[data-theme] .home-intro p{font-size:14px;margin:0;max-width:none}
html[data-theme] .hero-contact-cta{width:100%;text-align:center}
html[data-theme] .catalog{grid-template-columns:1fr}
html[data-theme] .app-card,html[data-theme] .catalog .app-card,html[data-theme] .featured .app-card{padding:16px}
html[data-theme] .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-theme] .categories button{min-height:112px;padding:14px 8px}
html[data-theme] .categories b{font-size:13px}
html[data-theme] .categories img{width:48px;height:44px;margin-bottom:8px}
html[data-theme] .catalog-head .search{width:100%;font-size:14px;margin-top:4px}
html[data-theme] .updates{grid-template-columns:1fr}
html[data-theme] nav{width:calc(100% - 24px)}
html[data-theme] #adminView .admin-head{padding:18px;align-items:flex-start}
html[data-theme] #adminView .admin-head h1{font-size:23px;line-height:1.2}
html[data-theme] #adminView .admin-card{padding:18px}
html[data-theme] #adminView .admin-item{padding:14px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] .app-card{transition:none}}
/* Match the inherited CTA selector specificity. */
html[data-theme] .home-intro .hero-contact-cta{background:#1954d1;color:#fff;box-shadow:none;min-height:44px;font-size:14px}
html[data-theme] .home-intro .hero-contact-cta:hover{background:#123c9a}

/* Approved smartphone catalogue: three complete cards per row. */
@media(max-width:700px){
html[data-theme] .featured,html[data-theme] .catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-theme] .featured .app-card,html[data-theme] .catalog .app-card{padding:10px 7px;border-radius:14px}
html[data-theme] .featured .card-top,html[data-theme] .catalog .card-top{display:block;margin-bottom:8px;text-align:center}
html[data-theme] .featured .app-icon,html[data-theme] .catalog .app-icon{display:block;width:56px;height:56px;max-width:100%;margin:0 auto 10px;border-radius:13px}
html[data-theme] .featured h3,html[data-theme] .catalog h3{font-size:12px;line-height:1.35;letter-spacing:0;margin:0;min-height:65px;overflow-wrap:normal;word-break:normal;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme] .featured p,html[data-theme] .catalog p,html[data-theme] .featured .meta,html[data-theme] .catalog .meta,html[data-theme] .catalog .actions .version{display:none}
html[data-theme] .featured .actions,html[data-theme] .catalog .actions{padding-top:0;gap:0}
html[data-theme] .featured .btn,html[data-theme] .catalog .btn{font-size:12px;line-height:1.25;min-height:44px;padding:7px 3px;border-radius:10px;gap:2px}
html[data-theme] .app-card .external{display:none}
html[data-theme] .featured .share-app,html[data-theme] .catalog .share-app{font-size:10px;min-height:40px;padding:5px 0;border-radius:10px}
html[data-theme] .catalog .fav{right:1px;top:1px;padding:5px;min-width:30px;min-height:30px;background:#ffffffc9;border-radius:10px}
html[data-theme] .catalog .fav img{width:16px;height:16px}
html[data-theme] .categories button:nth-child(2){background:#fff3be!important;border-color:#20355e;color:#15264b}
html[data-theme] .section-head h2{font-size:19px}
}
html[data-theme] .mini div:first-child img{background:#fff3be}
html[data-theme] .categories button[aria-pressed=true]{outline-color:#1954d1}

/* Red, yellow and blue brand, with bold outlines and decorative mascot accents. */
html[data-theme]{--ink:#15264b;--muted:#52617c;--blue:#1954d1;--red:#c32d32;--yellow:#ffd447;--edge:#20355e}
html[data-theme] .cover{border:4px solid var(--edge);background:linear-gradient(120deg,#fff3be,#fffaf0 48%,#eaf1ff);box-shadow:6px 6px 0 var(--edge)}
html[data-theme] .brand strong em,html[data-theme] .hero h1 b{color:var(--red)}
html[data-theme] .mascot{border:4px solid var(--edge);box-shadow:5px 5px 0 var(--yellow);transform:none;object-fit:contain;background:#eaf1ff}
html[data-theme] .panel,html[data-theme] .home-intro,html[data-theme] .detail-hero,html[data-theme] #adminView .admin-card{border:3px solid var(--edge);box-shadow:4px 4px 0 #20355e15}
html[data-theme] .business-panel,html[data-theme] .contact-panel{border-top:8px solid var(--red)}
html[data-theme] #catalogo{border-top:8px solid var(--blue)}
html[data-theme] #novita{border-top:8px solid var(--yellow)}
html[data-theme] .btn,html[data-theme] .primary,html[data-theme] .business-cta,html[data-theme] .home-intro .hero-contact-cta{border:3px solid var(--edge);box-shadow:2px 3px 0 var(--edge);background:var(--blue);color:#fff}
html[data-theme] .home-intro .hero-contact-cta,html[data-theme] .business-cta{background:var(--red)}
html[data-theme] .home-intro .hero-contact-cta:hover,html[data-theme] .business-cta:hover{background:#a72328}
html[data-theme] .btn:hover,html[data-theme] .primary:hover{background:#123c9a}
html[data-theme] .business-grid article:nth-child(2){background:#eaf1ff}
html[data-theme] .business-grid article:nth-child(3){background:#fff0ee}
html[data-theme] .categories button{background:var(--yellow)!important;border:3px solid var(--edge);color:var(--ink)}
html[data-theme] .categories button:nth-child(2){background:var(--blue)!important;color:#fff;border-color:var(--edge)}
html[data-theme] .categories button:nth-child(3){background:var(--red)!important;color:#fff;border-color:var(--edge)}
html[data-theme] .categories button:nth-child(4){background:var(--yellow)!important;color:var(--ink)}
html[data-theme] .categories button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:4px}
html[data-theme] .featured .app-card:nth-child(3){background:#fff0ee!important}
html[data-theme] .app-card{border-width:3px}
html[data-theme] .app-card:hover{border-color:var(--blue)}
html[data-theme] .top-admin{background:var(--yellow);color:var(--ink);border:3px solid var(--edge)}
html[data-theme] nav{border:3px solid var(--edge);box-shadow:0 6px 0 #20355e20}
html[data-theme] nav button.active{background:var(--yellow);color:var(--ink)}
html[data-theme] nav button.active img{filter:none}
html[data-theme] .section-head h2{min-width:0;overflow-wrap:break-word}
html[data-theme] .section-mascot{display:block;width:88px;height:64px;object-fit:contain;border:3px solid var(--edge);border-radius:14px;background:#eaf1ff;flex-shrink:0}
html[data-theme] .mascot-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
html[data-theme] .mascot-heading h2{margin:0;min-width:0}
html[data-theme] #adminView .admin-head{border:4px solid var(--edge);background:linear-gradient(120deg,#eaf1ff,#fff3be)}
html[data-theme] #adminView .admin-tabs{border:3px solid var(--edge)}
html[data-theme] #adminView .admin-tabs .active{background:var(--yellow);color:var(--ink)}
html[data-theme] #adminView .workspace-stats button,html[data-theme] #adminView .module-grid label,html[data-theme] #adminView .editor-group,html[data-theme] #adminView .editor-actions{border:3px solid var(--edge)}
html[data-theme] #adminView .admin-manage-actions button,html[data-theme] #adminView .admin-launch-actions .btn{border:2px solid var(--edge)}
html[data-theme] #adminView .admin-launch-full,html[data-theme] #adminView .admin-launch-web{background:var(--blue)}
html[data-theme] .contact-panel input:not([type=checkbox]),html[data-theme] .contact-panel select,html[data-theme] .contact-panel textarea,html[data-theme] #adminView input:not([type=checkbox]):not([type=file]),html[data-theme] #adminView textarea,html[data-theme] #adminView select{border:2px solid #52617c;background:#fff;color:var(--ink)}
html[data-theme] .danger{border:2px solid #ac2727;background:#fff0ee;color:#ac2727}
html[data-theme] .site-footer{border-top:3px solid var(--edge)}
html[data-theme] .footer-mascot{width:64px;height:48px;object-fit:contain;border-radius:12px;flex-shrink:0}
@media(max-width:700px){
html[data-theme] .cover{box-shadow:4px 4px 0 var(--edge)}
html[data-theme] .mascot{max-height:none;height:auto;object-fit:contain}
html[data-theme] .section-mascot{width:64px;height:48px;border-radius:10px}
html[data-theme] .mascot-heading{gap:10px}
html[data-theme] .business-panel .section-head h2{font-size:18px}
html[data-theme] .catalog-head{flex-wrap:wrap}
html[data-theme] .catalog-head .section-mascot{margin-left:auto}
html[data-theme] .featured .btn,html[data-theme] .catalog .btn{border-width:2px;box-shadow:none}
html[data-theme] .site-footer{flex-wrap:wrap;gap:12px}
}

/* Home logo replaces the old icon/title; preserve its complete artwork. */
#homeView .top .home-brand{flex:1;max-width:260px;flex-direction:column;align-items:flex-start;gap:0}
#homeView .top .home-brand>.home-brand-logo{width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:0}
#homeView .top .home-brand #siteTitle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#homeView .hero{grid-template-columns:minmax(0,1fr);min-height:0}
#homeView .hero .hero-copy{grid-column:1;grid-row:1;max-width:none}

/* Compact Home branding, with a continuous white backdrop. */
html[data-theme]:has(#homeView:not(.hidden)),html[data-theme]:has(#homeView:not(.hidden)) body{background:#fff}
#homeView .cover{background:#fff;padding-top:16px;padding-bottom:20px}
#homeView .hero{margin-top:10px}


/* Compact white masthead; benefits sit in their own short row below it. */
#homeView .cover{display:grid;grid-template-columns:126px minmax(0,1fr) auto;column-gap:20px;padding-top:4px;padding-bottom:6px;margin-bottom:8px;min-height:0}
#homeView .top,#homeView .hero,#homeView .hero .hero-copy{display:contents}
#homeView .top .home-brand{grid-column:1;grid-row:1;width:100%;max-width:none;align-self:center}
#homeView .top .home-brand>.home-brand-logo{width:100%}
#homeView .home-brand #siteTagline{font-size:9px;line-height:1.3;margin-top:0}
#homeView .top-admin{grid-column:3;grid-row:1;align-self:start;justify-self:end;margin-top:8px;min-height:44px}
#homeView .hero h1{grid-column:2;grid-row:1;margin:0;align-self:center}
#homeView .home-benefits{display:flex;justify-content:flex-start;gap:clamp(8px,3vw,32px);margin:0 0 14px;padding:0 6px}
#homeView .home-benefits>div{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.3}
#homeView .home-benefits img{width:24px;height:24px;margin:0;flex-shrink:0}
@media(max-width:700px){
#homeView .cover{grid-template-columns:clamp(110px,32vw,126px) minmax(0,1fr);column-gap:10px}
#homeView .top-admin{grid-column:2;grid-row:1;padding:4px 8px;font-size:10px;margin-top:2px}
#homeView .hero h1{grid-column:2;grid-row:1;align-self:end;padding-top:48px;padding-bottom:2px;font-size:clamp(22px,6vw,26px);letter-spacing:-.6px;line-height:1.12}
#homeView .home-benefits>div{font-size:9px;gap:4px}
}

/* Match the horizontal SimplexApp branding used by Gestionale & Inventario. */
#homeView .cover{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px}
#homeView .top .home-brand{grid-column:1;grid-row:1;min-width:0}
#homeView .top-admin{grid-column:2;grid-row:1;align-self:center;margin-top:0}
#homeView .top .home-brand>.home-brand-logo{display:block;width:100%;height:auto;aspect-ratio:1024/341;object-fit:contain}
#homeView .hero h1{grid-column:1/-1;grid-row:2;padding-top:0;padding-bottom:0;align-self:center}
@media(max-width:700px){
#homeView .cover{column-gap:8px}
#homeView .top-admin{padding:4px 8px;font-size:10px}
}

/* Small horizontal logo beside section titles and in the footer. */
#homeView .section-mascot{display:block;width:132px;height:44px;object-fit:contain;border:0;border-radius:0;background:transparent;flex-shrink:0}
#homeView .footer-mascot{display:block;width:100px;height:auto;aspect-ratio:1024/341;object-fit:contain;border:0;border-radius:0;background:transparent;flex-shrink:0}
@media(max-width:700px){
#homeView .section-mascot{width:100px;height:33px}
}

/* Gestionale-inspired public interface: pale canvas and quiet white cards. */
html[data-theme]{--ink:#25272c;--muted:#61656e;--blue:#2477e8;--edge:#e5e8ef;background:#f5f6fb}
html[data-theme] body,
html[data-theme]:has(#homeView:not(.hidden)),
html[data-theme]:has(#homeView:not(.hidden)) body{background:#f5f6fb;color:var(--ink)}
html[data-theme] .app-shell{max-width:1120px;padding:24px 24px 120px}
html[data-theme] #homeView .cover{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin:0 0 20px;column-gap:16px;row-gap:20px}
html[data-theme] #homeView .top .home-brand{max-width:360px}
html[data-theme] #homeView .home-brand #siteTagline{font-size:12px;color:var(--muted);margin-top:6px}
html[data-theme] #homeView .top-admin{background:#fff;border:1px solid var(--edge);color:#34475d;border-radius:16px;box-shadow:none;min-height:44px;padding:12px 14px;font-size:12px;max-width:none}
html[data-theme] #homeView .hero h1{color:var(--ink);font-size:clamp(26px,4vw,40px);line-height:1.16;letter-spacing:-.7px;margin:0}
html[data-theme] #homeView .hero h1 b{color:var(--ink)}
html[data-theme] #homeView .home-benefits{gap:20px;margin:0 0 20px;padding:0;color:var(--muted)}
html[data-theme] #homeView .home-benefits>div{font-size:11px}
html[data-theme] #homeView .home-benefits img{background:transparent}
html[data-theme] .panel,
html[data-theme] .home-intro,
html[data-theme] .detail-panel,
html[data-theme] .detail-hero{background:#fff;border:1px solid var(--edge);border-radius:26px;box-shadow:none;color:var(--ink)}
html[data-theme] .panel{padding:24px;margin-top:20px}
html[data-theme] .home-intro{padding:22px 24px;gap:18px}
html[data-theme] .home-intro p{font-size:15px;line-height:1.6;color:var(--muted)}
html[data-theme] .section-head h2,
html[data-theme] .business-grid strong,
html[data-theme] .detail-hero h1{color:var(--ink)}
html[data-theme] .section-head{margin-bottom:18px}
html[data-theme] .business-lead{color:var(--muted);margin:0 0 18px}
html[data-theme] .business-grid article,
html[data-theme] .business-grid article:nth-child(n){background:#fff;border:1px solid var(--edge);border-radius:20px;padding:18px;box-shadow:none}
html[data-theme] .business-grid article{position:relative;padding-top:28px}
html[data-theme] .business-grid article::before{content:"";position:absolute;left:18px;top:14px;width:26px;height:4px;border-radius:4px;background:#2477e8}
html[data-theme] .business-grid article:nth-child(2)::before{background:#139f7b}
html[data-theme] .business-grid article:nth-child(3)::before{background:#ee922e}
html[data-theme] .business-grid span{color:var(--muted)}
html[data-theme] .app-card,
html[data-theme] .featured .app-card,
html[data-theme] .featured .app-card:nth-child(n),
html[data-theme] .catalog .app-card{background:#fff!important;border:1px solid var(--edge);border-radius:20px;box-shadow:none}
html[data-theme] .app-card p,
html[data-theme] .featured p,
html[data-theme] .catalog p{color:var(--muted)}
html[data-theme] .categories button,
html[data-theme] .categories button:nth-child(n){background:#fff!important;border:1px solid var(--edge);color:var(--ink);box-shadow:none;border-radius:20px}
html[data-theme] .categories button[aria-pressed=true]{background:#eaf2ff!important;outline:2px solid var(--blue);outline-offset:2px}
html[data-theme] .home-intro .hero-contact-cta,
html[data-theme] .business-cta,
html[data-theme] .btn,
html[data-theme] .primary{background:var(--blue);border:0;border-radius:14px;box-shadow:none;color:#fff}
html[data-theme] .home-intro .hero-contact-cta:hover,
html[data-theme] .business-cta:hover,
html[data-theme] .btn:hover,
html[data-theme] .primary:hover{background:#175dbb}
html[data-theme] .secondary,
html[data-theme] .backbtn,
html[data-theme] .admin-entry,
html[data-theme] .share-app,
html[data-theme] .featured .share-app{background:#f8faff;border:1px solid var(--edge);border-radius:12px;box-shadow:none;color:#496078}
html[data-theme] .search,
html[data-theme] .update{background:#fff;border:1px solid var(--edge);box-shadow:none}
html[data-theme] .version{background:#f2f5fa;border-color:var(--edge);color:var(--muted)}
html[data-theme] .site-footer{border-color:var(--edge);color:var(--muted)}
html[data-theme] nav{width:100%;max-width:1120px;bottom:0;background:#fff;border:0;border-top:1px solid var(--edge);border-radius:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:none;backdrop-filter:none}
html[data-theme] nav button{color:#858e9a;border-radius:20px;min-height:58px}
html[data-theme] nav button.active{background:#eaf2ff;color:var(--blue)}
html[data-theme] nav svg{display:block;margin:0 auto 4px;width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] nav span{font-size:12px}
@media(max-width:700px){
html[data-theme] .app-shell{padding:18px 16px 112px}
html[data-theme] #homeView .cover{column-gap:12px;row-gap:18px;margin-bottom:18px}
html[data-theme] #homeView .top .home-brand{max-width:none}
html[data-theme] #homeView .top-admin{font-size:10px;padding:10px;max-width:88px;border-radius:14px}
html[data-theme] #homeView .home-brand #siteTagline{font-size:10px}
html[data-theme] #homeView .hero h1{font-size:27px;line-height:1.18}
html[data-theme] #homeView .home-benefits{gap:16px}
html[data-theme] #homeView .home-benefits>div{font-size:9px}
html[data-theme] .panel{padding:18px;margin-top:18px;border-radius:26px}
html[data-theme] .home-intro{padding:18px;border-radius:24px}
html[data-theme] .home-intro p{font-size:14px}
html[data-theme] .business-grid article{padding:28px 14px 16px;border-radius:20px}
html[data-theme] .business-grid article::before{left:14px}
html[data-theme] .section-head h2{font-size:18px}
html[data-theme] .featured .app-card,
html[data-theme] .catalog .app-card{border-radius:16px}
html[data-theme] nav{width:100%;padding-left:12px;padding-right:12px}
html[data-theme] nav button{min-height:54px}
}

/* Promotional artwork keeps its full proportions in a separate gallery. */
.promotional-gallery .promo-image{flex:0 0 min(320px,80vw);height:260px;background:#f5f6fb;border:1px solid #e5e8ef;border-radius:18px;box-shadow:none}
.promotional-gallery .promo-image img{object-fit:contain}
@media(max-width:600px){.promotional-gallery .promo-image{flex-basis:76vw;height:240px}}
/* Private dashboard, matching Gestionale's six-month chart. */
html[data-theme] #adminView .analytics-card{background:#fff;border:1px solid #e5e8ef;border-radius:28px;padding:26px;box-shadow:none;margin:20px 0}
.analytics-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.analytics-top h2{font-size:clamp(24px,4vw,34px);color:#25272c;margin:12px 0}.analytics-eyebrow,.analytics-chart-heading{font-size:11px;letter-spacing:.08em;font-weight:700;color:#61656e}.analytics-top button{border:1px solid #e5e8ef;background:#fff;border-radius:12px;padding:10px;min-height:44px}.analytics-description{color:#61656e;font-size:16px;line-height:1.5}.analytics-controls{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.analytics-controls label{flex:1;min-width:120px;font-size:12px}.analytics-controls select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #e5e8ef;border-radius:12px;min-height:44px;background:#f8faff}.analytics-chart-heading{display:flex;justify-content:space-between;gap:10px;margin:24px 0 12px}.analytics-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.analytics-month{border:0;background:none;padding:0;color:#61656e;min-width:0;font-weight:700}.analytics-bar-area{height:180px;display:flex;align-items:flex-end;margin-bottom:14px}.analytics-bar{display:block;width:100%;background:#cfdef5;border-radius:12px;min-height:4px}.analytics-month.current .analytics-bar{background:#ff901d}.analytics-bar.zero{background:#dce8f9!important}.analytics-month[aria-pressed=true] .analytics-bar{outline:2px solid #b8d4f3;outline-offset:2px}.analytics-month:focus-visible{outline:3px solid #2477e8;outline-offset:4px}.analytics-month>span:last-child{font-size:12px;text-transform:capitalize}#analytics-selection{display:block;margin:22px 0;font-weight:700;color:#25272c}.analytics-values summary{cursor:pointer;color:#61656e;min-height:44px;display:flex;align-items:center}.analytics-values p{display:flex;justify-content:space-between;font-size:13px}.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.analytics-metrics button{border:1px solid #e5e8ef;border-radius:22px;padding:20px;min-width:0}.analytics-metrics button::before{content:'';display:block;background:var(--metric-color);width:26px;height:4px;border-radius:4px;margin-bottom:18px}.analytics-metrics span,.analytics-metrics strong,.analytics-metrics small{display:block}.analytics-metrics span{font-size:12px;color:#61656e}.analytics-metrics strong{font-size:30px;color:#25272c;margin:8px 0}.analytics-metrics small,.analytics-basis{color:#61656e;font-size:12px;line-height:1.5}.analytics-basis{margin-top:20px}#adminAppsPanel:has(#appEditor:not(.hidden)) #adminAnalytics{display:none}
@media(max-width:700px){html[data-theme] #adminView .analytics-card{padding:20px 16px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-metrics button{padding:16px}.analytics-bars{gap:10px}.analytics-bar-area{height:150px}.analytics-chart-heading{font-size:9px}}

.analytics-metrics button{background:#fff;text-align:left;cursor:pointer;min-height:150px}.analytics-metrics button:hover{border-color:#2477e8;background:#f8faff}.analytics-metrics button:focus-visible{outline:3px solid #2477e8;outline-offset:3px}

/* Call to action discreta: le applicazioni restano protagoniste. */
html[data-theme] .business-contact-link{background:transparent;border:0;box-shadow:none;color:var(--muted,#53677c);font-size:13px;text-decoration:underline;text-underline-offset:3px}
html[data-theme] .contact-collapsed:not([open]){border-top:2px solid rgba(80,105,135,.18);box-shadow:none}
html[data-theme] .contact-collapsed>summary{font-weight:700;font-size:14px}