/* JLJAM v7.5 FLOW OS · tactile dimensional interaction layer */
:root{
  --flow-purple:#9578ff;
  --flow-purple-2:#c58cff;
  --flow-glow:0 20px 54px rgba(65,32,150,.34),0 8px 18px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -2px 0 rgba(0,0,0,.24);
  --flow-soft:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.25);
  --flow-surface:linear-gradient(155deg,rgba(42,38,78,.94),rgba(16,17,36,.97) 58%,rgba(8,10,24,.98));
}
html[data-jljam-flow="1"]{scroll-behavior:smooth}
html[data-jljam-flow="1"] body{background-image:radial-gradient(850px 460px at 68% -5%,rgba(124,82,255,.21),transparent 64%),radial-gradient(620px 420px at 0 45%,rgba(70,42,150,.11),transparent 68%),linear-gradient(180deg,#080916,#080918 48%,#060710)}
html[data-jljam-flow="1"] button,html[data-jljam-flow="1"] .btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html[data-jljam-flow="1"] .btn,html[data-jljam-flow="1"] .icon-btn,html[data-jljam-flow="1"] .history-btn,html[data-jljam-flow="1"] .manager-chip,html[data-jljam-flow="1"] .search-trigger{box-shadow:var(--flow-soft);transform:translateZ(0);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease,filter .16s ease}
html[data-jljam-flow="1"] .btn:active,html[data-jljam-flow="1"] .icon-btn:active,html[data-jljam-flow="1"] .history-btn:active,html[data-jljam-flow="1"] .manager-chip:active,html[data-jljam-flow="1"] .search-trigger:active{transform:translateY(2px) scale(.985);box-shadow:0 4px 13px rgba(0,0,0,.30),inset 0 2px 5px rgba(0,0,0,.25)}
html[data-jljam-flow="1"] .btn-primary{background:linear-gradient(155deg,#aa8aff 0%,#7858f5 45%,#5036bb 100%);border:1px solid rgba(218,203,255,.35);box-shadow:0 10px 28px rgba(95,56,220,.34),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -3px 0 rgba(43,24,110,.55);text-shadow:0 1px 1px rgba(0,0,0,.24)}

/* universal action surface */
.flow-universal-bar{position:sticky;top:71px;z-index:26;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:10px;margin:-4px 0 12px;border:1px solid rgba(188,168,255,.18);border-radius:23px;background:linear-gradient(155deg,rgba(25,25,52,.90),rgba(9,11,25,.92));backdrop-filter:blur(22px) saturate(140%);box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)}
.flow-universal-bar button{position:relative;min-height:60px;border:1px solid rgba(185,162,255,.19);border-radius:16px;background:linear-gradient(155deg,rgba(47,43,84,.80),rgba(16,18,37,.94));color:#fff;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:9px 11px;box-shadow:0 9px 20px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.20);transition:.18s cubic-bezier(.2,.8,.2,1)}
.flow-universal-bar button:hover{transform:translateY(-2px);border-color:rgba(199,177,255,.42);box-shadow:0 15px 30px rgba(24,10,70,.34),inset 0 1px rgba(255,255,255,.17),inset 0 -2px rgba(0,0,0,.22)}
.flow-universal-bar button:active{transform:translateY(2px) scale(.985)}
.flow-universal-bar button>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(178,148,255,.28),rgba(72,48,145,.20));box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 12px rgba(0,0,0,.22);font-size:22px}
.flow-universal-bar b{font-size:22px;line-height:1.1}.flow-universal-bar small{font-size:22px;color:#999bb5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-universal-bar .flow-execute{border-color:rgba(183,149,255,.44);background:linear-gradient(155deg,rgba(111,75,224,.92),rgba(55,35,130,.96));box-shadow:0 10px 26px rgba(84,44,205,.31),inset 0 1px rgba(255,255,255,.22),inset 0 -3px rgba(24,13,78,.34)}
.flow-network-pill{position:absolute;right:11px;top:-8px;display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(120,230,187,.22);border-radius:999px;background:#11192a;color:#8ce9c2;font:800 22px/1 system-ui;box-shadow:0 6px 15px rgba(0,0,0,.30)}.flow-network-pill i{width:6px;height:6px;border-radius:50%;background:#70e0bd;box-shadow:0 0 12px #70e0bd}.flow-network-pill.offline{color:#ffbdca;border-color:rgba(255,129,158,.25)}.flow-network-pill.offline i{background:#ff819e;box-shadow:0 0 12px #ff819e}

/* dynamic Now */
.flow-now-deck{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr);gap:10px;margin:0 0 18px;animation:flowRise .35s ease both}.flow-now-hero{min-height:116px;border:1px solid rgba(190,166,255,.30);border-radius:24px;background:radial-gradient(circle at 85% 20%,rgba(184,127,255,.22),transparent 32%),linear-gradient(145deg,#211b44,#11132b 55%,#0b0d1c);color:#fff;padding:18px;display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;text-align:left;box-shadow:var(--flow-glow);overflow:hidden}.flow-now-hero:active{transform:translateY(2px) scale(.993)}.flow-now-orb{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#ba91ff,#6b4de6);box-shadow:0 12px 30px rgba(99,59,218,.40),inset 0 1px rgba(255,255,255,.38),inset 0 -3px rgba(40,20,110,.42)}.flow-now-hero small,.flow-mission-pulse small{display:block;font-size:22px;letter-spacing:.15em;color:#b9addd}.flow-now-hero b{display:block;font-size:22px;letter-spacing:-.02em;margin:4px 0}.flow-now-hero em{display:block;font-style:normal;font-size:22px;color:#a9abc1;line-height:1.4}.flow-now-hero strong{font-size:22px;border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.06)}
.flow-now-signals{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.flow-now-signals button{border:1px solid rgba(176,159,255,.15);border-radius:17px;background:linear-gradient(150deg,rgba(31,31,60,.86),rgba(12,14,29,.94));color:#fff;padding:11px 7px;display:grid;place-items:center;align-content:center;min-height:82px;box-shadow:var(--flow-soft)}.flow-now-signals span{font-size:22px}.flow-now-signals b{font-size:22px;margin:2px 0}.flow-now-signals small{font-size:22px;color:#9296ac}.flow-mission-pulse{grid-column:1/-1;min-height:58px;border:1px solid rgba(176,159,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(20,22,44,.92),rgba(12,14,28,.95));padding:10px 13px;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;box-shadow:var(--flow-soft)}.flow-mission-pulse>span{width:31px;height:31px;border-radius:11px;background:#26224b;display:grid;place-items:center}.flow-mission-pulse b{display:block;font-size:22px}.flow-mission-pulse button{border:1px solid rgba(184,164,255,.22);background:#1b1937;color:#ddd6ff;border-radius:11px;padding:7px 9px;font-weight:850;font-size:22px}

/* tactile cards + progressive disclosure */
.flow-card{position:relative!important;isolation:isolate;transform:translate3d(0,0,0);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease,opacity .18s ease!important;box-shadow:0 12px 30px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)}
.flow-card:hover{transform:translateY(-2px);border-color:rgba(179,151,255,.31)!important;box-shadow:0 18px 40px rgba(0,0,0,.28),0 8px 28px rgba(57,28,130,.13),inset 0 1px rgba(255,255,255,.07)}
.flow-card:before{content:'HOLD';position:absolute;right:10px;top:9px;z-index:3;font:900 22px/1 system-ui;letter-spacing:.12em;color:rgba(190,178,225,.40);pointer-events:none;opacity:.72}
.flow-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flow-card:focus-within p,.flow-card.flow-selected p{display:block;-webkit-line-clamp:unset}
.flow-card-next{position:absolute;z-index:6;right:9px;bottom:9px;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 9px;border:1px solid rgba(190,166,255,.30);border-radius:11px;background:linear-gradient(150deg,rgba(116,80,226,.95),rgba(53,35,129,.96));color:#fff;font:900 22px/1 system-ui;box-shadow:0 8px 18px rgba(58,31,143,.30),inset 0 1px rgba(255,255,255,.22),inset 0 -2px rgba(26,14,80,.32);cursor:pointer;user-select:none}.flow-card-next:active{transform:translateY(2px)}
.flow-card.flow-lifted{opacity:.28;transform:scale(.985)!important}.flow-card.flow-selected{border-color:rgba(169,131,255,.78)!important;box-shadow:0 0 0 3px rgba(143,109,255,.16),0 16px 42px rgba(45,21,110,.31)!important}.flow-card.flow-selected:after{content:'✓';position:absolute;left:10px;top:9px;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#8f6dff;color:white;font-weight:900;box-shadow:0 7px 15px rgba(72,42,170,.36)}.flow-card.flow-archived{display:none!important}
.flow-swipe-left{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,130,155,.15))!important;transform:translateX(var(--flow-swipe-x,0))!important}.flow-swipe-right{background-image:linear-gradient(90deg,rgba(112,224,189,.13),rgba(255,255,255,0))!important;transform:translateX(var(--flow-swipe-x,0))!important}
.flow-drag-ghost{position:fixed!important;left:0;top:0;z-index:4000!important;pointer-events:none!important;margin:0!important;max-height:220px;overflow:hidden;border:1px solid rgba(200,179,255,.52)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(43,34,85,.97),rgba(12,14,30,.98))!important;color:#fff!important;opacity:.96;box-shadow:0 32px 80px rgba(0,0,0,.50),0 18px 48px rgba(81,42,190,.38),inset 0 1px rgba(255,255,255,.16)!important;transform-origin:top left;filter:saturate(1.12)}.flow-drag-ghost .flow-card-next{display:none!important}

/* management action dock shown while dragging */
.flow-drop-dock{position:fixed;z-index:3900;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 8px);transform:translateX(-50%);width:min(760px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:9px;border:1px solid rgba(191,165,255,.28);border-radius:25px;background:linear-gradient(155deg,rgba(25,22,52,.96),rgba(8,10,23,.98));backdrop-filter:blur(28px) saturate(150%);box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 50px rgba(91,49,208,.18),inset 0 1px rgba(255,255,255,.09);transition:.18s ease}.flow-drop-dock.hidden,.flow-drop-dock[hidden]{display:none!important;opacity:0!important;pointer-events:none!important}.flow-drop-dock>div{min-height:62px;border:1px solid rgba(186,164,255,.16);border-radius:17px;background:linear-gradient(150deg,#292347,#111426);display:grid;place-items:center;align-content:center;gap:3px;color:#f7f5ff;box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.10),inset 0 -2px rgba(0,0,0,.28);transition:.14s ease}.flow-drop-dock>div span{font-size:22px;font-weight:900}.flow-drop-dock>div b{font-size:22px}.flow-drop-dock>div.hot{transform:translateY(-8px) scale(1.07);border-color:rgba(206,186,255,.80);background:linear-gradient(145deg,#795be0,#30246f);box-shadow:0 17px 32px rgba(87,50,196,.44),inset 0 1px rgba(255,255,255,.28)}.flow-drop-dock .trash{background:linear-gradient(145deg,#552338,#28131e);border-color:rgba(255,129,158,.23)}.flow-drop-dock .trash.hot{background:linear-gradient(145deg,#d54f71,#70243d);border-color:#ffb4c3}.board-col.flow-drop-stage{outline:2px solid rgba(153,121,255,.72);outline-offset:-2px;background:rgba(116,78,222,.09)!important;box-shadow:inset 0 0 34px rgba(103,63,225,.13)}

/* quick sheet / record peek action layer */
.flow-quick-overlay{position:fixed;inset:0;z-index:3800;background:rgba(2,3,9,.66);backdrop-filter:blur(11px);display:flex;align-items:flex-end;justify-content:center;padding:16px}.flow-quick-overlay.hidden,.flow-quick-overlay[hidden]{display:none!important;pointer-events:none!important}.flow-quick-sheet{width:min(700px,100%);border:1px solid rgba(196,174,255,.27);border-radius:28px;background:radial-gradient(circle at 85% 0,rgba(125,82,245,.17),transparent 28%),linear-gradient(160deg,#191936,#0d1021 72%);box-shadow:0 35px 100px rgba(0,0,0,.58),0 0 60px rgba(79,40,188,.16),inset 0 1px rgba(255,255,255,.09);padding:10px 14px 18px;animation:flowSheet .25s cubic-bezier(.2,.8,.2,1) both}.flow-sheet-grabber{width:45px;height:4px;border-radius:99px;background:#5f6174;margin:2px auto 12px}.flow-sheet-head{display:grid;grid-template-columns:45px 1fr 38px;gap:10px;align-items:center;padding:4px 2px 14px}.flow-sheet-head>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#7256d6,#2f275b);box-shadow:var(--flow-soft);font-size:22px}.flow-sheet-head small{font-size:22px;color:#9b91ba;letter-spacing:.14em}.flow-sheet-head h3{font-size:22px;margin:3px 0 0}.flow-sheet-head>button{width:36px;height:36px;border:1px solid rgba(186,164,255,.16);border-radius:12px;background:#17192d;color:#fff}.flow-presence-live{margin:4px 0 0!important;color:#7ce1b6!important;font-size:22px!important}.flow-presence-live i,.flow-presence-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70e0bd;box-shadow:0 0 12px #70e0bd;margin-right:5px}.flow-sheet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.flow-sheet-grid button{min-height:76px;border:1px solid rgba(185,164,255,.17);border-radius:17px;background:linear-gradient(150deg,#292647,#111426);color:#fff;padding:8px;display:grid;place-items:center;align-content:center;gap:3px;box-shadow:var(--flow-soft)}.flow-sheet-grid button span{font-size:22px}.flow-sheet-grid button b{font-size:22px}.flow-sheet-grid button small{font-size:22px;color:#989bad}.flow-sheet-grid button:active{transform:translateY(2px) scale(.98)}.flow-sheet-grid button.archive{border-color:rgba(255,173,111,.20)}

/* work stack */
.flow-work-stack{pointer-events:none;position:fixed;z-index:70;right:16px;bottom:18px;width:min(380px,calc(100vw - 24px));border:1px solid rgba(183,160,255,.20);border-radius:21px;background:linear-gradient(155deg,rgba(27,27,54,.96),rgba(8,10,23,.98));box-shadow:0 22px 62px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08);overflow:hidden;transition:.22s cubic-bezier(.2,.8,.2,1)}.flow-work-stack button,.flow-work-stack .flow-stack-items{pointer-events:auto}.flow-stack-toggle{width:100%;height:49px;border:0;background:linear-gradient(145deg,rgba(73,55,139,.45),rgba(18,20,38,.92));color:#fff;display:grid;grid-template-columns:32px 1fr auto;gap:7px;align-items:center;text-align:left;padding:0 11px}.flow-stack-toggle span{width:29px;height:29px;border-radius:10px;background:#2a2750;display:grid;place-items:center}.flow-stack-toggle b{font-size:22px}.flow-stack-toggle em{font-style:normal;min-width:22px;height:22px;border-radius:999px;background:#8f6dff;display:grid;place-items:center;font-size:22px;font-weight:900}.flow-work-stack.collapsed{width:158px}.flow-work-stack.collapsed .flow-stack-items{display:none}.flow-stack-items{padding:7px;max-height:360px;overflow:auto}.flow-stack-card{display:grid;grid-template-columns:1fr 31px;gap:5px;margin:5px 0}.flow-stack-card>button:first-child{border:1px solid rgba(181,162,255,.14);background:#111529;color:#fff;border-radius:13px;display:grid;grid-template-columns:30px 1fr;gap:7px;text-align:left;align-items:center;padding:8px}.flow-stack-card>button:first-child>span{width:29px;height:29px;border-radius:10px;background:#282448;display:grid;place-items:center}.flow-stack-card b,.flow-stack-card small{display:block}.flow-stack-card b{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-stack-card small{font-size:22px;color:#888ca4;margin-top:2px}.flow-stack-remove{border:1px solid rgba(181,162,255,.11);border-radius:10px;background:#121526;color:#898da2}.flow-stack-empty{padding:20px 12px;color:#85899e;font-size:22px;text-align:center}.flow-archive-open{width:100%;min-height:36px;border:1px solid rgba(181,162,255,.12);border-radius:11px;background:#17192f;color:#aaa3ce;font-size:22px;font-weight:850}.flow-archive-list{display:grid;gap:7px}.flow-archive-list article{display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;border:1px solid rgba(181,162,255,.13);border-radius:14px;background:#101428;padding:8px}.flow-archive-list article>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#242142}.flow-archive-list b,.flow-archive-list small{display:block}.flow-archive-list b{font-size:22px}.flow-archive-list small{font-size:22px;color:#9295a8;margin-top:2px}

/* navigation trail + undo + selection */
.flow-trail{display:flex;gap:5px;min-width:0;overflow:auto;margin-left:auto}.flow-trail button{min-height:29px;border:1px solid rgba(177,158,255,.13);border-radius:10px;background:#101426;color:#b8b8cb;padding:4px 8px;display:flex;align-items:center;gap:5px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.flow-trail span{font-size:22px;font-weight:850}.flow-trail small{font-size:22px;color:#6f7388}.flow-undo{position:fixed;z-index:4100;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 16px);transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:9px 10px 9px 14px;border:1px solid rgba(199,179,255,.29);border-radius:999px;background:#ebe7ff;color:#141224;box-shadow:0 18px 45px rgba(0,0,0,.38);font-size:22px;font-weight:850}.flow-undo.hidden{display:none}.flow-undo button{border:0;border-radius:999px;background:#32265e;color:#fff;padding:7px 11px;font-size:22px;font-weight:900}.flow-selection-bar{position:fixed;z-index:3900;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 90px);transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100vw - 20px);overflow:auto;padding:8px;border:1px solid rgba(191,168,255,.28);border-radius:18px;background:rgba(17,18,39,.96);box-shadow:0 18px 50px rgba(0,0,0,.45)}.flow-selection-bar.hidden{display:none}.flow-selection-bar b{font-size:22px;padding:0 7px;white-space:nowrap}.flow-selection-bar button{min-height:35px;border:1px solid rgba(183,160,255,.16);border-radius:11px;background:#252143;color:#fff;padding:0 10px;font-size:22px;font-weight:850;white-space:nowrap}

/* presence and transitions */
.flow-presence-pill{margin-top:8px;display:inline-flex;align-items:center;border:1px solid rgba(112,224,189,.18);border-radius:999px;background:rgba(38,79,69,.16);color:#8ae9c4;padding:6px 9px;font-size:22px}.flow-presence-pill b,.flow-presence-pill small{display:inline}.flow-presence-pill small{color:#7ca99a;margin-left:4px}.flow-view-enter{animation:flowView .34s cubic-bezier(.2,.8,.2,1) both}.flow-skeleton{position:relative;overflow:hidden}.flow-skeleton:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.035) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.035) 60%,transparent 80%);transform:translateX(-100%);animation:flowShimmer 1.4s linear infinite}.flow-retry{margin-top:12px}

/* make existing core controls dimensional */
html[data-jljam-flow="1"] .mobile-dock{background:linear-gradient(180deg,rgba(24,22,48,.92),rgba(8,9,20,.98));border:1px solid rgba(190,169,255,.19);box-shadow:0 24px 70px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.09)}
html[data-jljam-flow="1"] .mobile-dock button span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,rgba(57,51,103,.74),rgba(19,21,42,.94));box-shadow:0 8px 16px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.11),inset 0 -2px rgba(0,0,0,.25);transition:.17s ease}
html[data-jljam-flow="1"] .mobile-dock button.on span,html[data-jljam-flow="1"] .mobile-dock button[aria-current="page"] span{transform:translateY(-4px) scale(1.08);background:linear-gradient(145deg,#9f82ff,#5338c5);box-shadow:0 12px 25px rgba(92,53,209,.42),inset 0 1px rgba(255,255,255,.33),inset 0 -3px rgba(45,23,123,.40)}
html[data-jljam-flow="1"] .context-dock-action{background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.30),transparent 22%),linear-gradient(150deg,#a184ff,#6546e2 52%,#40299f);border:1px solid rgba(226,214,255,.48);box-shadow:0 18px 42px rgba(70,37,178,.50),0 7px 15px rgba(0,0,0,.35),inset 0 2px rgba(255,255,255,.30),inset 0 -5px rgba(37,18,111,.42);transition:.16s ease}
html[data-jljam-flow="1"] .context-dock-action:active{transform:translateX(-50%) translateY(4px) scale(.97);box-shadow:0 8px 20px rgba(70,37,178,.34),inset 0 3px 8px rgba(30,14,92,.34)}
html[data-jljam-density="calm"] .flow-card .meta,html[data-jljam-density="calm"] .flow-card .secondary-detail{display:none!important}html[data-jljam-density="power"] .flow-card{padding:11px!important}html[data-jljam-density="power"] .flow-card p{font-size:22px!important;-webkit-line-clamp:2}

@keyframes flowView{from{opacity:.35;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}
@keyframes flowRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes flowSheet{from{opacity:.3;transform:translateY(32px) scale(.98)}to{opacity:1;transform:none}}
@keyframes flowShimmer{to{transform:translateX(100%)}}

@media(max-width:980px){.flow-universal-bar{top:116px;grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;scrollbar-width:none}.flow-universal-bar::-webkit-scrollbar{display:none}.flow-now-deck{grid-template-columns:1fr}.flow-sheet-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){
  .flow-universal-bar{top:100px;width:calc(100vw - 20px);margin-left:0;padding:6px;gap:6px;border-radius:18px;grid-template-columns:repeat(5,100px);overflow-x:auto;scroll-snap-type:x proximity}
  .flow-universal-bar button{min-height:53px;padding:7px 8px;grid-template-columns:28px 1fr;column-gap:6px;border-radius:14px;scroll-snap-align:start}.flow-universal-bar button>span{width:27px;height:27px;border-radius:10px;font-size:22px}.flow-universal-bar b{font-size:22px}.flow-universal-bar small{font-size:22px}
  .flow-network-pill{display:none}.flow-now-hero{grid-template-columns:46px 1fr;min-height:105px;padding:14px}.flow-now-hero strong{display:none}.flow-now-orb{width:44px;height:44px;border-radius:15px}.flow-now-hero b{font-size:22px}.flow-now-signals{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.flow-now-signals button{min-height:66px;padding:7px 3px;border-radius:14px}.flow-now-signals b{font-size:22px}.flow-now-signals small{font-size:22px}.flow-mission-pulse{min-height:52px}
  .flow-card:before{content:'HOLD';font-size:22px;right:8px;top:7px}.flow-card-next{right:7px;bottom:7px;min-height:31px}
  .flow-drop-dock{grid-template-columns:repeat(6,1fr);gap:5px;padding:6px;width:calc(100vw - 12px);border-radius:21px}.flow-drop-dock>div{min-height:58px;border-radius:14px}.flow-drop-dock>div span{font-size:22px}.flow-drop-dock>div b{font-size:22px}
  .flow-quick-overlay{padding:6px}.flow-quick-sheet{border-radius:25px 25px 19px 19px;padding:8px 9px calc(14px + env(safe-area-inset-bottom))}.flow-sheet-grid{grid-template-columns:repeat(3,1fr);gap:6px}.flow-sheet-grid button{min-height:69px;border-radius:15px}.flow-sheet-head{grid-template-columns:42px 1fr 36px}.flow-sheet-head h3{font-size:22px}
  .flow-work-stack{right:8px;bottom:calc(115px + env(safe-area-inset-bottom));max-width:calc(100vw - 16px)}.flow-work-stack.collapsed{width:145px}.flow-selection-bar{bottom:calc(182px + env(safe-area-inset-bottom))}
  .flow-trail{display:none}.history-row{min-height:36px}.history-btn{width:37px!important;height:37px!important;border-radius:13px!important;background:linear-gradient(145deg,#262342,#111426)!important;box-shadow:var(--flow-soft)!important}
  body.flow-sheet-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.flow-view-enter,.flow-now-deck,.flow-quick-sheet,.flow-skeleton:before{animation:none!important}.flow-card,.flow-universal-bar button,.flow-drop-dock>div{transition:none!important}}

/* FLOW OS depth pass across existing high-value modules */
html[data-jljam-flow="1"] .workspace,html[data-jljam-flow="1"] .brief-card,html[data-jljam-flow="1"] .mission-card,html[data-jljam-flow="1"] .decision-card,html[data-jljam-flow="1"] .god-panel,html[data-jljam-flow="1"] .connection-card{box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045);border-color:rgba(180,159,255,.17)}
html[data-jljam-flow="1"] .workspace:hover,html[data-jljam-flow="1"] .brief-card:hover,html[data-jljam-flow="1"] .mission-card:hover{transform:translateY(-3px);border-color:rgba(190,166,255,.36);box-shadow:0 20px 42px rgba(0,0,0,.31),0 10px 30px rgba(69,34,156,.13),inset 0 1px rgba(255,255,255,.08)}
html[data-jljam-flow="1"] .workspace .ico,html[data-jljam-flow="1"] .god-action-strip span,html[data-jljam-flow="1"] .mission-orbit>span{box-shadow:0 10px 24px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.14),inset 0 -2px rgba(0,0,0,.26)}
html[data-jljam-flow="1"] .busy-card img{filter:drop-shadow(0 18px 34px rgba(105,67,234,.32));animation:jljamPulse 1.05s ease-in-out infinite,flowFloat 2.1s ease-in-out infinite}
.flow-empty-actions{display:flex;justify-content:center;gap:7px;margin-top:13px}.empty.bad-copy>.small-copy{display:block;margin:7px auto 0;max-width:620px;opacity:.66}
@keyframes flowFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}

/* drag-to-artist roster shelf */
.flow-artist-dock{position:fixed;z-index:3895;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 96px);transform:translateX(-50%);width:min(760px,calc(100vw - 24px));padding:7px 9px 9px;border:1px solid rgba(191,165,255,.20);border-radius:19px;background:linear-gradient(155deg,rgba(24,22,48,.94),rgba(9,11,25,.96));backdrop-filter:blur(22px) saturate(145%);box-shadow:0 20px 52px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07);animation:flowRise .18s ease both}.flow-artist-dock.hidden,.flow-artist-dock[hidden]{display:none!important;pointer-events:none!important}.flow-artist-dock>small{display:block;padding:1px 5px 6px;color:#8f8ba8;font:900 22px/1 system-ui;letter-spacing:.14em}.flow-artist-dock>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.flow-artist-dock>div::-webkit-scrollbar{display:none}.flow-artist-dock button{flex:1 0 118px;min-height:49px;border:1px solid rgba(184,163,255,.16);border-radius:14px;background:linear-gradient(150deg,rgba(43,39,77,.94),rgba(16,18,36,.97));color:#fff;display:grid;grid-template-columns:31px 1fr;gap:7px;align-items:center;text-align:left;padding:7px 9px;box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.10),inset 0 -2px rgba(0,0,0,.22);transition:.14s ease}.flow-artist-dock button>span{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#8d71ee,#4934a3);box-shadow:0 7px 15px rgba(74,45,170,.32),inset 0 1px rgba(255,255,255,.25);font-weight:950}.flow-artist-dock button>b{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-artist-dock button.hot{transform:translateY(-4px) scale(1.035);border-color:rgba(213,197,255,.65);background:linear-gradient(145deg,#7e61e6,#3e2c94);box-shadow:0 16px 34px rgba(79,44,190,.40),inset 0 1px rgba(255,255,255,.22)}
@media(max-width:650px){.flow-artist-dock{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 80px);width:calc(100vw - 12px);padding:6px;border-radius:17px}.flow-artist-dock button{flex-basis:104px;min-height:46px;padding:6px 7px}.flow-artist-dock button>span{width:29px;height:29px}.flow-artist-dock button>b{font-size:22px}}

/* v7.5.3 iPad interaction + compositing hardening */
html[data-jljam-flow="1"] #view,html[data-jljam-flow="1"] .shell{position:relative;isolation:isolate}
html[data-jljam-flow="1"] #view{z-index:1;min-height:calc(100dvh - 150px)}
body:not(.flow-dragging) .flow-drop-dock,body:not(.flow-dragging) .flow-artist-dock{display:none!important;pointer-events:none!important}
body.flow-dragging .flow-drop-dock,body.flow-dragging .flow-artist-dock{pointer-events:auto}
body:not(.flow-sheet-open) .flow-quick-overlay{display:none!important;pointer-events:none!important}
@media (min-width:651px) and (max-width:1180px){
  .flow-work-stack{right:12px;bottom:16px;max-width:min(330px,42vw)}
  .flow-work-stack.collapsed{width:142px}
  .flow-universal-bar{top:116px}
  .flow-now-deck{margin-bottom:14px}
  #view>.section,#view>.living-roster-section{position:relative;z-index:2}
}

/* Coarse-pointer Safari: avoid fixed backdrop-filter compositor slabs. */
@media (pointer:coarse){
  .flow-drop-dock,.flow-artist-dock,.flow-quick-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .flow-work-stack{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* v7.5.3 tablet-safe FLOW runtime: no fixed gesture surfaces, no global hit-test layers */
body[data-flow-tablet-safe="1"] #view,
body[data-flow-tablet-safe="1"] .shell{position:relative!important;isolation:auto!important;z-index:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;transform:none!important;clip:auto!important;clip-path:none!important}
body[data-flow-tablet-safe="1"] #view{contain:none!important}
body[data-flow-tablet-safe="1"] .flow-drop-dock,
body[data-flow-tablet-safe="1"] .flow-artist-dock,
body[data-flow-tablet-safe="1"] .flow-quick-overlay,
body[data-flow-tablet-safe="1"] .flow-work-stack,
body[data-flow-tablet-safe="1"] .flow-undo,
body[data-flow-tablet-safe="1"] .flow-selection-bar,
body[data-flow-tablet-safe="1"] .flow-drag-ghost,
body[data-flow-tablet-safe="1"] .flow-trail{display:none!important;pointer-events:none!important}
body[data-flow-tablet-safe="1"] .smart-sticky-fab,
body[data-flow-tablet-safe="1"] .command-fab,
body[data-flow-tablet-safe="1"] .quick-capture-fab,
body[data-flow-tablet-safe="1"] .immersive-launcher,
body[data-flow-tablet-safe="1"] .jljam-sync-fab,
body[data-flow-tablet-safe="1"] .jljam-work-mini{display:none!important}
body[data-flow-tablet-safe="1"] .flow-universal-bar{grid-template-columns:repeat(6,minmax(0,1fr));position:sticky;top:calc(var(--sticky-top,82px) + 8px);z-index:30;overflow:visible;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(155deg,rgba(25,25,52,.985),rgba(9,11,25,.99))}
body[data-flow-tablet-safe="1"] .flow-now-deck{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);position:relative!important;z-index:auto!important;transform:none!important}
body[data-flow-tablet-safe="1"] .flow-card:before{content:'TAP';opacity:.45}
body[data-flow-tablet-safe="1"] .flow-card{touch-action:manipulation!important;transform:none;will-change:auto!important;isolation:auto!important}
body[data-flow-tablet-safe="1"] .flow-card:hover{transform:none}
body[data-flow-tablet-safe="1"] .flow-card-next{pointer-events:auto!important;touch-action:manipulation!important}
@media (pointer:coarse) and (min-width:651px){
  body[data-flow-tablet-safe="1"]{overflow-y:auto!important;min-height:100%!important;height:auto!important;-webkit-overflow-scrolling:touch}
  body[data-flow-tablet-safe="1"] #app{height:auto!important;min-height:100%!important;overflow:visible!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar{top:calc(var(--sticky-top,82px) + 6px)}
  body[data-flow-tablet-safe="1"] .flow-now-deck{grid-template-columns:1fr;gap:10px}
  body[data-flow-tablet-safe="1"] .flow-now-signals{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* v7.6.2 iPhone/PWA touch safety */
body[data-flow-tablet-safe="1"] .mobile-dock,
body[data-flow-tablet-safe="1"] .mobile-dock button,
body[data-flow-tablet-safe="1"] #contextDockAction,
body[data-flow-tablet-safe="1"] .topbar button,
body[data-flow-tablet-safe="1"] .workspace,
body[data-flow-tablet-safe="1"] [role="button"]{pointer-events:auto!important;touch-action:manipulation!important}
body[data-flow-tablet-safe="1"] .flow-quick-overlay.hidden,
body[data-flow-tablet-safe="1"] .flow-drop-dock.hidden,
body[data-flow-tablet-safe="1"] .flow-artist-dock.hidden,
body[data-flow-tablet-safe="1"] .flow-selection-bar.hidden,
body[data-flow-tablet-safe="1"] .flow-undo.hidden{pointer-events:none!important}
@media (pointer:coarse) and (max-width:650px){
 body[data-flow-tablet-safe="1"] .flow-universal-bar{display:none!important}
 body[data-flow-tablet-safe="1"] .flow-now-deck{position:relative!important;z-index:auto!important;transform:none!important}
}

/* JLJAM v7.6.2 · touch-safe iPhone command layout */
@media(max-width:650px){
  body[data-flow-tablet-safe="1"] .flow-universal-bar{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;padding:7px!important;
    overflow:visible!important;
    top:calc(var(--jljam-sticky-top,120px) + 6px)!important;
  }
  body[data-flow-tablet-safe="1"] .flow-universal-bar button{
    min-width:0!important;width:100%!important;min-height:58px!important;
    padding:7px 8px!important;border-radius:14px!important;
    grid-template-columns:28px minmax(0,1fr)!important;column-gap:6px!important;
    overflow:hidden!important;
  }
  body[data-flow-tablet-safe="1"] .flow-universal-bar button>span{width:28px!important;height:28px!important;font-size:22px!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar b{font-size:22px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar small{font-size:22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body[data-flow-tablet-safe="1"] #v76DeckBtn{grid-column:1/-1!important;min-height:48px!important}
  body[data-flow-tablet-safe="1"] .flow-now-deck{grid-template-columns:1fr!important;gap:8px!important}
  body[data-flow-tablet-safe="1"] .flow-now-hero{grid-template-columns:46px minmax(0,1fr)!important;min-height:104px!important;padding:14px!important}
  body[data-flow-tablet-safe="1"] .flow-now-hero strong{display:none!important}
  body[data-flow-tablet-safe="1"] .flow-now-signals{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;min-width:0!important}
  body[data-flow-tablet-safe="1"] .flow-now-signals button{min-width:0!important;min-height:64px!important;padding:6px 2px!important}
}
@media (orientation:landscape) and (pointer:coarse) and (max-height:650px){
  body[data-flow-tablet-safe="1"] .flow-universal-bar{position:relative!important;top:auto!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;margin:0 0 8px!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar button{min-height:48px!important;padding:5px!important;grid-template-columns:22px minmax(0,1fr)!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar button>span{width:22px!important;height:22px!important;font-size:22px!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar small{display:none!important}
  body[data-flow-tablet-safe="1"] #v76DeckBtn{grid-column:auto!important}
  body[data-flow-tablet-safe="1"] .flow-now-deck{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:7px!important}
}

/* JLJAM v7.6.4 · XL iPhone management surfaces */
@media (max-width:650px) and (orientation:portrait){
  body[data-flow-tablet-safe="1"] .flow-universal-bar{
    grid-template-columns:1fr 1fr!important;gap:10px!important;padding:10px!important;border-radius:22px!important;
  }
  body[data-flow-tablet-safe="1"] .flow-universal-bar button{
    min-height:82px!important;padding:11px 12px!important;border-radius:18px!important;
    grid-template-columns:38px minmax(0,1fr)!important;column-gap:9px!important;
  }
  body[data-flow-tablet-safe="1"] .flow-universal-bar button>span{width:38px!important;height:38px!important;font-size:22px!important;border-radius:13px!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar b{font-size:22px!important;line-height:1.15!important}
  body[data-flow-tablet-safe="1"] .flow-universal-bar small{font-size:22px!important;line-height:1.15!important;white-space:normal!important}
  body[data-flow-tablet-safe="1"] #v76DeckBtn{grid-column:1/-1!important;min-height:74px!important}

  body[data-flow-tablet-safe="1"] .flow-now-deck{gap:12px!important;margin-bottom:24px!important}
  body[data-flow-tablet-safe="1"] .flow-now-hero{
    grid-template-columns:62px minmax(0,1fr)!important;min-height:144px!important;padding:20px!important;border-radius:27px!important;gap:15px!important;
  }
  body[data-flow-tablet-safe="1"] .flow-now-orb{width:60px!important;height:60px!important;border-radius:20px!important;font-size:28px!important}
  body[data-flow-tablet-safe="1"] .flow-now-hero small{font-size:22px!important}
  body[data-flow-tablet-safe="1"] .flow-now-hero b{font-size:22px!important;line-height:1.18!important;margin:5px 0!important}
  body[data-flow-tablet-safe="1"] .flow-now-hero em{font-size:22px!important;line-height:1.45!important}

  body[data-flow-tablet-safe="1"] .flow-now-signals{
    grid-template-columns:1fr 1fr!important;gap:10px!important;
  }
  body[data-flow-tablet-safe="1"] .flow-now-signals button{
    min-height:94px!important;padding:10px 6px!important;border-radius:19px!important;
  }
  body[data-flow-tablet-safe="1"] .flow-now-signals button:last-child{grid-column:1/-1!important}
  body[data-flow-tablet-safe="1"] .flow-now-signals span{font-size:22px!important}
  body[data-flow-tablet-safe="1"] .flow-now-signals b{font-size:24px!important;margin:3px 0!important}
  body[data-flow-tablet-safe="1"] .flow-now-signals small{font-size:22px!important}
}