/* EVER IT Flow -palvelubrändi: julkaistu Framer-sivu everit.fi/neuvotteluhuoneet, 16.10.2026.
   Palvelukuoren värit ovat erillään asiakkaan --accent/--dark-profiiliväreistä. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
:root{--flow-bg:#080d1c;--flow-panel:#111d35;--flow-blue:#4263f5;--flow-line:#2a3857;--flow-muted:#a5b4d0;--flow-text:#f5f7ff;--flow-highlight:#a9bbff}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--flow-bg)}h1,h2,h3,h4,.brand,.clock strong,.weather-main strong,.value-strip b{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.sidebar{background:#0a1022;border-right:1px solid #ffffff0b;color:#b8c6e2}.flow-logo{display:flex;align-items:center;gap:16px;letter-spacing:normal}.flow-logo img{width:99px;height:40px;object-fit:contain}.flow-logo>span{font:650 25px/1 Inter,system-ui;letter-spacing:-.06em;border-left:1px solid #3b4a66;padding-left:14px}.logo-dot{color:#a9bbff}.rail-label{color:#8396ba}.sidebar nav button{color:#b8c6e2}.sidebar nav button.active{background:#4263f51c;border:1px solid #4263f536;color:#d9e2ff}.sidebar nav button{border:1px solid transparent}.rail-bottom p{color:#8396ba}.demo-dot{background:#a9bbff}.rail-export{border-color:#34466d;background:#14213c;color:#d9e3fc}.workspace{background:radial-gradient(ellipse at 70% 0,#24367c40,transparent 40%),var(--flow-bg);color:var(--flow-text)}.topbar{background:#0a1022f2;border-bottom-color:#ffffff0b}.breadcrumb{color:#8396ba}.breadcrumb span{color:#c4d1e9}.top-actions select{background:#14213c;color:#dce5fa;border:1px solid #34466d}.workspace .primary{background:var(--flow-blue);color:#fff;border-color:#607dff;box-shadow:0 5px 20px #2d4adb26}.workspace .primary:hover{background:#5674ff}.page-intro .eyebrow{color:#a9bcff}.page-intro h1{font-weight:750;letter-spacing:-.055em;font-size:clamp(34px,3.5vw,58px);line-height:1.1}.page-intro h1 em,.sales-hero h1 em{font-style:normal;color:var(--flow-highlight)}.page-intro p{color:var(--flow-muted);line-height:1.7}.pill{background:#172948;color:#b8c9f2;border:1px solid #34466d}.panel,.content-row,.steps article{background:linear-gradient(145deg,#14213c,#0f192c);border-color:#273651;color:var(--flow-text);box-shadow:0 15px 35px #00000012}.panel p,.content-row p,.steps p,.cards p{color:var(--flow-muted)}.panel input:not([type=checkbox]),.panel select,.panel textarea,.preview-toolbar select,.display-toolbar select{background:#0d1729;border-color:#344766;color:#edf3ff;color-scheme:dark}.panel input[type=color]{background:#0d1729;padding:5px}.panel button:not(.primary),.content-row button,.cards button,.display-toolbar button{background:#14213c;border-color:#34466d;color:#e3ebff}.panel .muted,.panel p.muted{color:#95a8c8}.workspace .secondary{background:#1b2c4c;border-color:#34466d;color:#dce6ff}.checkline input{accent-color:var(--flow-blue)}.preview-toolbar{color:#aebed5}.preview-frame{border-color:#0b1122;border-width:9px;box-shadow:0 30px 70px #0005,0 0 55px #4665ff0c;outline:1px solid #52658e}.preview-caption{color:#8396ba}.value-strip>div{background:#111d35;border-color:#273651}.value-strip span{color:#a5b4d0}.value-strip b{color:#eef3ff}.workspace .note-box{background:#14213c;border:1px solid #2a3857;color:#aebed5}.workspace .note-box strong{color:#edf3ff}.workspace-footer{border-color:#2a3857;color:#8396ba}.workspace .eyebrow{color:#a9bcff}.status-warn{color:#e5bf77}.step-number{color:#a9bbff}.sales-hero{background:radial-gradient(ellipse at 75% 0,#24367c64,transparent 65%),#0b1122;border:1px solid #2a3857;color:#f5f7ff;box-shadow:0 20px 60px #0002}.sales-hero h1{font-weight:750;letter-spacing:-.055em}.sales-hero p{color:#a5b4d0;opacity:1}.sales-hero .eyebrow{color:#a9bcff;opacity:1}.flow-family-link{display:block;width:fit-content;color:#a9bbff;font-size:12px;margin-top:20px;text-decoration:none}.flow-family-link:hover{text-decoration:underline}.empty{background:#14213c;color:#e3ebff}.workspace button:focus-visible,.workspace a:focus-visible{outline-color:#b2c4ff}.display-label{color:#8396ba}
/* Infotaulu on asiakkaan oma pinta ja säilyttää valitun asiakasbrändin. */
.board{color:#23293d}.tile{color:#23293d}.tile:nth-child(4n+1){color:var(--on-dark,white)}.tile:first-child{color:var(--on-accent,white)}.brand{color:var(--dark)}.full-display .workspace{background:#f4f6f7}.full-display .display-toolbar{background:#0a1022;border-top-color:#273651}.full-display .display-toolbar button{color:#edf3ff}.full-display .display-toolbar select{color-scheme:dark}.full-display .board{color:#23293d}.dialog-top h2{color:#23293d}dialog .eyebrow{color:#4263f5}dialog .primary{background:#4263f5;color:white;border-color:#607dff}dialog input,dialog textarea,dialog select{color-scheme:light}#toast{background:#14213c;border:1px solid #52658e;color:#edf3ff}@media(max-width:800px){.flow-logo img{width:91px;height:34px}.flow-logo>span{font-size:23px}.sidebar{border-right:0;border-bottom:1px solid #2a3857}.page-intro h1{font-size:37px}}
#targetFields{border:1px solid #dce2ed;border-radius:10px;padding:15px;margin:15px 0}#targetFields legend{font-weight:600;font-size:12px}#targetScreens{display:grid;grid-template-columns:1fr 1fr;gap:5px}#targetScreens .checkline{font-size:12px}#editError{color:#b32339;font-size:13px}
#contentImagePreview{width:100%;max-height:180px;object-fit:contain;background:#eef1f8;border-radius:12px;margin:10px 0}.detail-image{width:100%;max-height:45vh;object-fit:contain;border-radius:14px;margin-bottom:25px}.tile-image{width:100%;height:85px;object-fit:cover;border-radius:8px;margin-top:12px}.tile:has(.tile-image) h3{margin-top:10px}.full-display .tile-image{height:12vh;margin-top:1vh}.full-display .board-grid:has(.tile:nth-child(7)) .tile-image{height:5vh}.full-display .tile:has(.tile-image) p{display:none}