/* OKHBOT V3.0.5 — Role-aware home dashboard, same logic/data as V3.0.4 */
.v22-main:has(.ok305-dashboard){background:linear-gradient(130deg,#f5f6ff 0%,#fafaff 48%,#f5f6ff 100%);min-height:calc(100vh - 75px)}
.ok305-dashboard{--ok305-ink:#20203c;--ok305-primary:#6756ed;--ok305-muted:#69718e;--ok305-edge:#e8e8fa;--ok305-radius:22px;display:flex;flex-direction:column;gap:22px;width:100%;max-width:1340px;margin:0 auto;padding-bottom:35px;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:var(--ok305-ink)}
.ok305-dashboard *, .ok305-dashboard *:before,.ok305-dashboard *:after{box-sizing:border-box}
.ok305-dashboard button{font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.ok305-dashboard button:focus-visible,.ok305-dashboard input:focus-visible{outline:3px solid #a99cf9;outline-offset:3px}
.ok305-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ok305-kpi{min-width:0;min-height:104px;padding:19px 18px;border:1px solid var(--ok305-edge);border-radius:var(--ok305-radius);background:#fff;display:flex;align-items:center;gap:14px;text-align:right;box-shadow:0 7px 24px rgba(50,53,105,.035)}
.ok305-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(73,62,150,.10)}
.ok305-kpi-symbol{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:16px;background:#ecebff;color:#6756ed}
.ok305-kpi-symbol-0{background:#e0faf0;color:#16a481}
.ok305-kpi-symbol-1{background:#eeeaff;color:#6856df}
.ok305-kpi-symbol-2{background:#fff3e6;color:#e28a21}
.ok305-kpi-symbol-3{background:#eaf0ff;color:#5470f3}
.ok305-kpi-symbol svg{width:27px;height:27px}
.ok305-kpi-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.ok305-kpi-info small{color:#747a90;font-size:13px;font-weight:700}
.ok305-kpi-info strong{color:#212142;font-size:clamp(18px,2.1vw,26px);font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.ok305-hero{border:1px solid #e5e6fa;border-radius:28px;padding:34px clamp(18px,4.3vw,64px) 33px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 20% 15%,#dcdafa90,transparent 39%),linear-gradient(115deg,#f5f3ff 0%,#f1f0ff 50%,#eff6ff 100%);box-shadow:0 13px 40px rgba(67,55,131,.045)}
.ok305-hero:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;left:-70px;bottom:-170px;background:radial-gradient(circle,#d7d0ff88 0%,transparent 65%);pointer-events:none;z-index:-1}
.ok305-hero-spark{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.ok305-hero-spark span{position:absolute;width:68px;height:68px;border:1px solid #bcb4f866;background:#e0daff77;border-radius:22px;transform:rotate(15deg);left:14%;top:20%;animation:ok305-levitate 8s ease-in-out infinite}
.ok305-hero-spark span:nth-child(2){left:22%;top:59%;width:38px;height:38px;border-radius:13px;animation-delay:-3s;background:#e0f8f0}
.ok305-hero-spark span:nth-child(3){left:8%;top:64%;width:19px;height:19px;border-radius:50%;animation-delay:-5s;background:#d4caff}
@keyframes ok305-levitate{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -10px;rotate:5deg}}
.ok305-eyebrow{display:block;color:#6555d7;font-size:14px;font-weight:800;margin-bottom:5px}
.ok305-hero h1{font-size:clamp(27px,2.65vw,39px);font-weight:800;letter-spacing:-.045em;line-height:1.5;margin:0 0 5px;position:relative;z-index:1;max-width:850px}
.ok305-hero>p{font-size:14px;color:#666a83;margin:0 0 21px;max-width:740px;line-height:1.9}
.ok305-command{display:flex;align-items:center;gap:13px;min-height:75px;padding:9px 11px;background:#fff;border:1px solid #e7e4fc;border-radius:999px;box-shadow:0 12px 35px rgba(84,73,173,.07);max-width:1000px}
.ok305-command input{background:transparent;border:0;outline:0;min-width:0;flex:1;height:47px;text-align:right;color:#2c2d48;font-family:inherit;font-size:16px;box-shadow:none!important}
.ok305-command input:focus{outline:none}
.ok305-command input::placeholder{color:#9c9fb5;opacity:1}
.ok305-command-go{display:grid;place-items:center;background:#6a55ed;color:#fff;border:0;border-radius:17px;width:54px;height:54px;flex:0 0 54px;box-shadow:0 7px 17px #6a55ed35}
.ok305-command-go:hover{background:#5142d4;transform:translateY(-2px)}
.ok305-command-spark{display:grid;place-items:center;background:#f2f0ff;color:#7567e7;border:0;border-radius:15px;width:47px;height:47px;flex:0 0 47px}
.ok305-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ok305-shortcut{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-height:157px;min-width:0;padding:19px 19px 17px;border-radius:22px;border:1px solid #eeeaf9;background:linear-gradient(140deg,#f1edff,#eeeafd);text-align:right;overflow:hidden}
.ok305-shortcut-1{background:linear-gradient(140deg,#fff0f7,#ffe5f3)}
.ok305-shortcut-2{background:linear-gradient(140deg,#ebf2ff,#e6f0ff)}
.ok305-shortcut-3{background:linear-gradient(140deg,#fff4eb,#ffebdf)}
.ok305-shortcut:hover{transform:translateY(-4px);box-shadow:0 14px 28px #51469616}
.ok305-shortcut-icon{display:grid;place-items:center;width:44px;height:44px;color:#6b56e9;background:#ffffffbd;border-radius:14px;margin-bottom:8px}
.ok305-shortcut-1 .ok305-shortcut-icon{color:#ec478d}
.ok305-shortcut-2 .ok305-shortcut-icon{color:#4c75e9}
.ok305-shortcut-3 .ok305-shortcut-icon{color:#e47a21}
.ok305-shortcut strong{font-size:17px;line-height:1.4;font-weight:800;color:#242444}
.ok305-shortcut small{font-size:12px;font-weight:500;color:#73738b;line-height:1.4;padding-left:28px}
.ok305-shortcut-arrow{position:absolute;bottom:16px;left:16px;display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#fff9;color:#6958de}
.ok305-shortcut-arrow svg{width:16px;height:16px}
.ok305-projects{min-width:0}
.ok305-projects-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 2px 17px}
.ok305-projects-head h2{color:#21213e;font-size:clamp(21px,2vw,27px);margin:0;font-weight:800}
.ok305-projects-head button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#6657db;font-size:14px;font-weight:800}
.ok305-projects-head button svg{width:17px;height:17px}
.ok305-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ok305-project{display:flex;flex-direction:column;gap:0;border:1px solid var(--ok305-edge);border-radius:21px;background:#fff;text-align:right;padding:7px;min-width:0;overflow:hidden;box-shadow:0 8px 22px rgba(63,59,112,.035)}
.ok305-project:hover{transform:translateY(-4px);box-shadow:0 16px 33px #5148a71a}
.ok305-project-visual{display:grid;place-items:center;overflow:hidden;position:relative;aspect-ratio:1.85;min-height:110px;border-radius:16px;background:#eae4ff}
.ok305-scene-1{background:#ebf2f8}
.ok305-scene-2{background:#e4f4ee}
.ok305-scene-3{background:#fff0eb}
.ok305-mini-art{position:relative;width:68%;height:76%;border:1px solid #ffffffd9;border-radius:17px;background:linear-gradient(140deg,#ffffffc9 10%,#ffffff24 100%);box-shadow:7px 9px 18px #44367d20;overflow:hidden;transform:rotate(-5deg)}
.ok305-scene-1 .ok305-mini-art{transform:rotate(5deg)}
.ok305-art-disc{position:absolute;inset:12% auto auto 13%;width:42%;aspect-ratio:1;border-radius:50%;background:#7564df70}
.ok305-scene-1 .ok305-art-disc{background:#607fbe77}
.ok305-scene-2 .ok305-art-disc{background:#18b59a66}
.ok305-scene-3 .ok305-art-disc{background:#f49f7270}
.ok305-art-paper{position:absolute;right:9%;top:13%;height:68%;width:33%;background:#ffffffaa;border-radius:6px;box-shadow:0 5px 9px #1a1b4f1b}
.ok305-art-caption{font:800 clamp(9px,1.2vw,15px) Inter,Arial,sans-serif;position:absolute;bottom:10%;left:11%;color:#4b418e}
.ok305-status{position:absolute;bottom:10px;right:10px;font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#fff;color:#6657a1;box-shadow:0 3px 12px #10153517}
.ok305-status.is-done{color:#067957;background:#e0faed}
.ok305-status.is-waiting{color:#bb680d;background:#fff1da}
.ok305-project-info{padding:13px 10px 11px;display:flex;flex-direction:column;gap:5px;min-width:0}
.ok305-project-info strong{font-size:16px;color:#22213f;font-weight:800;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.ok305-project-info span{font-size:13px;color:#616988}
.ok305-project-info small{font-size:11px;color:#9a9fb2;line-height:1.55}
.ok305-empty{border:1px dashed #d9d5f5;border-radius:22px;background:#fff;padding:38px 20px;display:grid;place-items:center;gap:7px;text-align:center;color:#6f7190}
.ok305-empty svg{width:28px;height:28px;color:#6655e5;margin-bottom:8px}
.ok305-empty b{color:#252443;font-size:18px}
.ok305-empty p{margin:0}
.ok305-empty button{border:0;background:#6855ea;color:white;border-radius:12px;padding:10px 17px;font-weight:800;margin-top:10px}
.ok305-activation{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e1dafe;border-radius:19px;padding:17px 22px;background:#f0edff}
.ok305-activation strong{display:block;color:#292449;font-size:15px}
.ok305-activation p{margin:3px 0 0;font-size:12px;color:#73738d}
.ok305-activation button{display:flex;gap:7px;align-items:center;flex:0 0 auto;background:#6955eb;border:0;border-radius:12px;padding:11px 14px;color:#fff;font-size:13px;font-weight:800}
.ok305-activation button svg{width:16px;height:16px}
@media(max-width:1150px){.ok305-kpis,.ok305-shortcuts,.ok305-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.v22-main:has(.ok305-dashboard){padding:18px 12px 70px!important}.ok305-dashboard{gap:17px}.ok305-kpis{gap:10px}.ok305-kpi{padding:13px;min-height:86px;gap:9px;border-radius:17px}.ok305-kpi-symbol{height:39px;flex-basis:39px;border-radius:13px}.ok305-kpi-symbol svg{width:21px;height:21px}.ok305-kpi-info strong{font-size:18px}.ok305-kpi-info small{font-size:11px}.ok305-hero{padding:25px 17px;border-radius:22px}.ok305-hero h1{font-size:27px}.ok305-hero>p{font-size:12px}.ok305-hero-spark span{opacity:.32}.ok305-command{min-height:62px;gap:6px;padding:6px}.ok305-command-go{width:46px;height:46px;flex-basis:46px;border-radius:14px}.ok305-command-spark{width:40px;height:40px;flex-basis:40px;border-radius:12px}.ok305-command input{font-size:13px}.ok305-shortcuts{gap:10px}.ok305-shortcut{min-height:145px;padding:15px;border-radius:18px}.ok305-shortcut strong{font-size:15px}.ok305-shortcut small{font-size:11px}.ok305-project-grid{gap:11px}.ok305-project-visual{min-height:88px}.ok305-project-info strong{font-size:14px}.ok305-activation{align-items:stretch;flex-direction:column;padding:16px}.ok305-activation button{justify-content:center}}
@media(max-width:370px){.ok305-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ok305-kpi{min-width:0}.ok305-shortcut-icon{height:37px;width:37px}.ok305-shortcut{padding:12px;min-height:135px}.ok305-project-grid{grid-template-columns:1fr}.ok305-project-visual{max-height:160px}.ok305-hero h1{font-size:24px}.ok305-command input{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ok305-hero-spark span{animation:none!important}.ok305-dashboard button{transition:none}}
.ok305-status.is-cancelled{background:#f3f4f7;color:#797e90}