/* OKHBOT V2.6.0 — WordPress-backed V3.1.2 dashboard redesign.
   UI follows the supplied V3.1.2 layout; real WordPress permissions and records remain authoritative. */
body:has(#okhbot-workspace){margin:0;background:#f8f8ff!important}
body:has(#okhbot-workspace) :is(header.site-header,footer.site-footer,.site-header,.site-footer){display:none!important}
body:has(#okhbot-workspace) main:has(> #okhbot-workspace){max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
#okhbot-workspace.ok-app{--ok-purple:#6652ed;--ok-ink:#22213f;--ok-sub:#73778f;--ok-border:#e7e6f7;--ok-bg:#f8f8ff;display:grid;grid-template-columns:minmax(0,1fr) 234px;direction:ltr;min-height:100vh;width:100%;background:linear-gradient(130deg,#f7f8ff 0%,#fbfbff 63%,#f6f5ff 100%);color:#24213f;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
#okhbot-workspace .ok-sidebar{direction:rtl;grid-column:2;grid-row:1;background:#fff;border:0;border-left:1px solid #e7e6f7;border-right:0;position:sticky;top:0;z-index:20;height:100vh;padding:24px 12px 15px;gap:17px;display:flex;flex-direction:column;overflow:auto;box-shadow:none}
#okhbot-workspace .ok-logo-link{display:block;padding:7px 7px 9px}
#okhbot-workspace .ok-logo{width:146px;max-width:100%;max-height:65px;margin:0 auto;object-fit:contain}
#okhbot-workspace .ok-sidebar-caption{text-align:center;font-size:12px;font-weight:800;color:#777391;line-height:1.6;margin:1px 0 5px}
#okhbot-workspace .ok-sidebar nav{display:grid;gap:2px}
#okhbot-workspace .ok-nav{border:0;border-right:3px solid transparent;border-radius:12px;min-height:51px;padding:11px 15px;background:transparent;font-size:14px;color:#535c77;font-weight:750;gap:12px;white-space:normal;line-height:1.4;box-shadow:none;transition:background .16s ease,color .16s ease}
#okhbot-workspace .ok-nav:hover{background:#f3f1ff;color:#6652e9}
#okhbot-workspace .ok-nav.is-active{background:#eeebff;color:#5d49e5;border-right-color:#6856f2}
#okhbot-workspace .ok-nav-symbol{font-family:system-ui,sans-serif;width:24px;font-size:19px;flex:none;color:inherit;font-weight:500}
#okhbot-workspace .ok-sidebar-bottom{background:none;border:0;border-radius:0;margin:auto 0 0;padding:12px 16px;font-size:12px;color:#6e7490}
#okhbot-workspace .ok-sidebar-bottom b{font-size:13px}
#okhbot-workspace .ok-sidebar-bottom p{font-size:11px;margin:3px 0 15px}
#okhbot-workspace .ok-site-link{color:#707392;text-decoration:none;font-size:12px}
#okhbot-workspace .ok-main{grid-column:1;grid-row:1;direction:rtl;min-width:0;overflow:visible}
#okhbot-workspace .ok-topbar{min-height:78px;height:auto;padding:13px clamp(16px,2.5vw,34px);background:#fdfcff;border-bottom:1px solid #e6e5f6;direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 1px 5px #a39ace08}
#okhbot-workspace .ok-topbar-title{min-width:190px}
#okhbot-workspace .ok-topbar-title small{font-size:11px;color:#7b7798;display:block;font-weight:700}
#okhbot-workspace .ok-topbar-title b{font-size:17px;color:#25213f;display:block;line-height:1.6}
#okhbot-workspace .ok-user-pill{display:flex;align-items:center;gap:12px;direction:rtl;flex-wrap:wrap}
#okhbot-workspace .ok-user-pill .ok-command-wrap{min-width:180px;width:clamp(180px,19vw,290px);order:3}
#okhbot-workspace .ok-command-wrap>input{height:42px;background:#fafaff;border:1px solid #e1dff2;border-radius:11px;color:#27223e;padding:0 13px;font-size:12px;text-align:right}
#okhbot-workspace .ok-user-pill .ok-create-top{min-height:43px;border-radius:12px;font-size:12px}
#okhbot-workspace .ok-live-transport{font-size:10px}
#okhbot-workspace .ok-live-bell{border:1px solid #e6e3f5;background:#fff;border-radius:12px;width:42px;height:42px}
#okhbot-workspace .ok-avatar{background:#ece8ff;width:37px;height:37px;font-size:16px}
#okhbot-workspace .ok-logout{color:#77718e;font-size:11px;min-height:37px}
#okhbot-workspace .ok-content{padding:30px clamp(14px,2vw,30px) 66px;max-width:none;min-width:0}
#okhbot-workspace .ok-v312-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 22px}
#okhbot-workspace .ok-v312-kpi{min-height:110px;display:flex;flex-direction:row;align-items:center;gap:14px;text-align:right;background:#fff;border:1px solid var(--ok-border);border-radius:22px;padding:16px 18px;box-shadow:0 7px 30px #302b6508;min-width:0}
#okhbot-workspace .ok-v312-kpi-icon{width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;border-radius:16px;font-size:24px;background:#eeeaff;color:#6455e8;font-family:system-ui,sans-serif}
#okhbot-workspace .ok-v312-kpi:nth-child(1) .ok-v312-kpi-icon{background:#e0f9f2;color:#179e80}
#okhbot-workspace .ok-v312-kpi:nth-child(3) .ok-v312-kpi-icon{background:#fff2e6;color:#ea8c1d}
#okhbot-workspace .ok-v312-kpi:nth-child(4) .ok-v312-kpi-icon{background:#eaf0ff;color:#5378ff}
#okhbot-workspace .ok-v312-kpi small{display:block;font-size:12px;color:#7b7c95;font-weight:750;margin-bottom:4px}
#okhbot-workspace .ok-v312-kpi strong{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;display:block;font-size:24px;line-height:1.35;color:#26213f;font-weight:850;overflow-wrap:anywhere}
#okhbot-workspace .ok-v312-hero{isolation:isolate;position:relative;overflow:hidden;min-height:288px;border-radius:28px;border:1px solid #e2e2fa;padding:34px clamp(20px,5vw,70px);text-align:right;background:radial-gradient(circle at 15% 20%,#e2deffba,transparent 32%),linear-gradient(120deg,#f4f1ff 0%,#f2f5ff 100%);box-shadow:0 12px 33px #403b8710;margin-bottom:22px}
#okhbot-workspace .ok-v312-hero-orb{pointer-events:none;position:absolute;left:15%;top:26%;width:74px;height:74px;transform:rotate(19deg);border-radius:23px;background:#e3e0ffad;border:1px solid #d3cbff;z-index:-1}
#okhbot-workspace .ok-v312-hero-orb.orb-two{left:21%;top:70%;width:38px;height:38px;background:#e0fff3d9;border-color:#baf4db}
#okhbot-workspace .ok-v312-eyebrow{font-size:13px;color:#6652ed;font-weight:800;margin-bottom:13px}
#okhbot-workspace .ok-v312-hero h1{font-size:clamp(25px,3vw,39px);line-height:1.42;margin:0 0 8px;color:#24213f;letter-spacing:-.45px}
#okhbot-workspace .ok-v312-hero>p{font-size:13px;line-height:1.9;color:#747990;margin:0 0 22px}
#okhbot-workspace .ok-v312-hero .ok-assistant-control{width:min(820px,100%);border-radius:40px;box-shadow:0 10px 28px #6256ae18;padding:8px 9px;min-height:68px;border-color:#e9e4fa;background:#fff}
#okhbot-workspace .ok-v312-hero .ok-assistant-control input{font-size:14px}
#okhbot-workspace .ok-v312-hero .ok-assistant-control .ok-button.primary{width:56px;min-width:56px;min-height:52px;border-radius:18px;font-size:22px;padding:0}
#okhbot-workspace .ok-v312-hero .ok-hints{margin:10px 0 0;gap:7px}
#okhbot-workspace .ok-hints button{background:#fff;color:#625d8b;border:1px solid #e6e1fa;border-radius:22px;padding:5px 11px;font-size:12px}
#okhbot-workspace .ok-v312-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}
#okhbot-workspace .ok-v312-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:right;min-height:145px;gap:7px;padding:19px 19px 18px;border:1px solid #eae5f9;border-radius:23px;background:#f1eeff;color:#26213f;overflow:hidden;transition:transform .15s,border-color .15s}
#okhbot-workspace .ok-v312-tile:hover{transform:translateY(-3px);border-color:#9c8cf7}
#okhbot-workspace .ok-v312-tile.tile-1{background:#ffeaf4}
#okhbot-workspace .ok-v312-tile.tile-2{background:#eaf2ff}
#okhbot-workspace .ok-v312-tile.tile-3{background:#fff1e6}
#okhbot-workspace .ok-v312-tile-icon{display:grid;place-items:center;align-self:flex-start;width:42px;height:42px;border-radius:13px;background:#fff;color:#6755ec;font-family:system-ui;font-size:21px;margin-bottom:4px}
#okhbot-workspace .ok-v312-tile b{font-size:15px;line-height:1.5}
#okhbot-workspace .ok-v312-tile small{color:#76748e;font-size:12px}
#okhbot-workspace .ok-v312-tile-arrow{position:absolute;left:16px;bottom:15px;width:29px;height:29px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#6456ed}
#okhbot-workspace .ok-section-title{font-size:21px;margin:20px 0 17px}
#okhbot-workspace .ok-v312-section-head{margin:4px 0 21px;text-align:right}
#okhbot-workspace .ok-v312-section-head>span{display:block;font:800 12px Inter,system-ui,sans-serif;letter-spacing:1px;color:#7a7d94}
#okhbot-workspace .ok-v312-section-head h1{font-size:32px;line-height:1.45;margin:4px 0 5px;font-weight:850}
#okhbot-workspace .ok-v312-section-head p{font-size:13px;color:#797992;line-height:1.8;margin:0}
#okhbot-workspace .ok-v312-subtabs{display:flex;gap:8px;background:#eeebff;border:1px solid #e6e0fa;border-radius:17px;overflow-x:auto;white-space:nowrap;padding:6px;margin:0 0 22px;scrollbar-width:thin}
#okhbot-workspace .ok-v312-subtabs button{flex:none;border:1px solid #e5def8;border-radius:25px;padding:10px 17px;background:#fff;color:#5a5875;font-size:12px;font-weight:800;box-shadow:none}
#okhbot-workspace .ok-v312-subtabs button.active{background:#6854eb;color:#fff;border-color:#6854eb}
#okhbot-workspace .ok-v312-section-body{min-height:220px}
#okhbot-workspace .ok-v312-section-body .ok-h1{font-size:22px}
#okhbot-workspace .ok-v312-section-body .ok-panel{border-radius:21px}
#okhbot-workspace .ok-v312-section-body .ok-table th{background:#f6f3ff}
#okhbot-workspace .ok-v312-linked{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
#okhbot-workspace .ok-v312-card-link{text-align:right;position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:10px;min-height:120px;border-radius:20px;border:1px solid #e6e3f6;background:#fff;padding:24px;color:#25233f;font-family:inherit}
#okhbot-workspace .ok-v312-card-link b{font-size:18px}
#okhbot-workspace .ok-v312-card-link small{font-size:12px;color:#7d7b95}
#okhbot-workspace .ok-v312-card-link>span{position:absolute;top:25px;left:23px;color:#6451ee}
#okhbot-workspace .ok-v312-card-link:not(:disabled):hover{border-color:#a99df1;background:#fcfbff}
#okhbot-workspace .ok-stat,.ok-panel,.ok-project,.ok-table-wrap{box-shadow:0 8px 27px #302a7108}
/* Asana-like: left side, wide panel with comments kept at the end of the task. */
.ok-dialog:has(.ok-project-asana-drawer){justify-content:flex-start;direction:ltr;padding:0!important;background:#17172a80}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer{direction:rtl!important;position:relative!important;inset:auto auto auto 0!important;left:0!important;right:auto!important;top:0!important;width:min(840px,94vw)!important;max-width:min(840px,94vw)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0 23px 23px 0!important;overflow-y:auto;scrollbar-width:thin;padding:24px clamp(18px,2vw,30px)!important;box-shadow:20px 0 70px #18183229}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-modal-header{position:sticky;top:-25px;z-index:4;background:#fff;padding:16px 0 20px;border-bottom:1px solid #e9e6f2;margin-bottom:18px;align-items:center}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-modal-header h2{font-size:23px;line-height:1.45}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-modal-body>.ok-panel{box-shadow:none;border:1px solid #eeedf6;background:#fff;border-radius:15px;padding:19px}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-messages{min-height:135px;max-height:340px;overflow-y:auto;border:1px solid #e8e4f6;background:#faf9ff;border-radius:15px;padding:13px;margin:13px 0;display:flex;flex-direction:column;gap:10px}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-message-input{display:flex;position:sticky;bottom:-25px;background:#fff;padding:14px 0;border-top:1px solid #e9e5f6;z-index:3;flex-wrap:nowrap}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-message-input input{min-height:50px;border-radius:13px}
.ok-dialog .ok-modal.drawer.ok-project-asana-drawer .ok-message-input .ok-button{min-width:86px}
#okhbot-workspace button:focus-visible,.ok-dialog button:focus-visible{outline:3px solid #b5a9ff;outline-offset:3px}
@media(min-width:1400px){#okhbot-workspace.ok-app{grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:1120px){#okhbot-workspace .ok-v312-kpis,#okhbot-workspace .ok-v312-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#okhbot-workspace .ok-command-wrap{width:190px}}
@media(max-width:760px){#okhbot-workspace.ok-app{display:block;direction:rtl}#okhbot-workspace .ok-sidebar{position:fixed;right:0;top:0;bottom:0;max-width:280px;width:80vw;transform:translateX(105%);transition:transform .2s;box-shadow:-16px 0 45px #221a443b}#okhbot-workspace .ok-sidebar.open{transform:translateX(0)}#okhbot-workspace .ok-main{width:100%}#okhbot-workspace .ok-topbar{padding:11px 15px 66px!important;gap:6px}#okhbot-workspace .ok-top-mobile{display:inline-flex!important}#okhbot-workspace .ok-topbar-title{min-width:0}#okhbot-workspace .ok-topbar-title b{font-size:15px}#okhbot-workspace .ok-user-pill{gap:7px}#okhbot-workspace .ok-user-pill .ok-command-wrap{position:absolute;left:14px;right:14px;top:auto;bottom:10px;min-width:0;width:auto}#okhbot-workspace .ok-live-transport,#okhbot-workspace .ok-logout{display:none}#okhbot-workspace .ok-content{padding:17px 13px 40px}#okhbot-workspace .ok-v312-hero{padding:27px 20px;min-height:250px}#okhbot-workspace .ok-v312-hero h1{font-size:27px}#okhbot-workspace .ok-v312-linked{grid-template-columns:1fr}#okhbot-workspace .ok-v312-section-head h1{font-size:26px}.ok-dialog .ok-modal.drawer.ok-project-asana-drawer{width:100vw!important;max-width:100vw!important;border-radius:0!important}}
@media(max-width:440px){#okhbot-workspace .ok-v312-kpis,#okhbot-workspace .ok-v312-tiles{gap:9px}#okhbot-workspace .ok-v312-kpi{min-height:96px;padding:10px 8px;gap:8px;border-radius:15px}#okhbot-workspace .ok-v312-kpi-icon{width:36px;height:36px;flex-basis:36px;font-size:16px}#okhbot-workspace .ok-v312-kpi strong{font-size:18px}#okhbot-workspace .ok-v312-kpi small{font-size:10px}#okhbot-workspace .ok-v312-tile{padding:14px 12px;min-height:128px;border-radius:17px}#okhbot-workspace .ok-v312-tile b{font-size:13px}#okhbot-workspace .ok-v312-tile small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#okhbot-workspace .ok-v312-tile,#okhbot-workspace .ok-sidebar{transition:none}}
#okhbot-workspace .ok-v312-service-admin{display:grid;gap:10px;margin:20px 0}
#okhbot-workspace .ok-v312-service-row{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid #e8e4f7;border-radius:16px;background:#fff}
#okhbot-workspace .ok-v312-service-row .service-icon{font-family:system-ui;display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#edeaff;font-size:20px;color:#6352e9}
#okhbot-workspace .ok-v312-service-row>div{flex:1;min-width:0}
#okhbot-workspace .ok-v312-service-row b{display:block;font-size:14px}
#okhbot-workspace .ok-v312-service-row small{color:#83809b;font-size:12px}
.ok-v312-field-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #e8e5f6;background:#fafaff;border-radius:10px;padding:9px 12px;margin:7px 0;flex-wrap:wrap;font-size:12px}
.ok-v312-field-row b{flex:1;min-width:100px}
.ok-v312-field-pop{margin:12px 0;padding:18px;border:1px solid #b7adf0;border-radius:12px;background:#f6f4ff}
.ok-v312-field-form{display:grid;gap:12px}
.ok-v312-field-form label{display:grid;gap:6px;font-size:12px;font-weight:750}
.ok-v312-field-form input:not([type=checkbox]),.ok-v312-field-form select,.ok-v312-field-form textarea{min-height:40px;border:1px solid #e1ddef;border-radius:10px;padding:8px 10px;width:100%;font:inherit}
.ok-v312-field-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px}
.ok-service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ok-dialog .ok-service-choice{min-height:93px;border:1px solid #e4e2f3;border-radius:13px;background:#fff;padding:13px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#252343;font-weight:800;font-size:12px;transition:border-color .15s,background .15s}
.ok-dialog .ok-service-choice.selected{border:2px solid #6854f0;background:#f4f1ff;color:#5e47e5}
.ok-dialog .ok-service-choice:hover{border-color:#aa9ef6}
.ok-dialog .ok-service-choice .icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eeeaff;font-size:22px;font-family:system-ui;color:#6651ed}
.ok-dialog .ok-service-select-a11y{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.ok-v312-brief-fields{display:grid;gap:15px}
.ok-v312-brief-fields .ok-v312-multi{display:flex;flex-wrap:wrap;gap:8px}
.ok-v312-multi label{display:inline-flex;align-items:center;gap:8px;background:#faf9ff;border:1px solid #e5e0f3;border-radius:25px;padding:8px 12px;cursor:pointer;font-size:12px}
.ok-v312-multi input[type=checkbox]{accent-color:#6651ed;width:16px;height:16px}
.ok-required{color:#cf4562;font-size:10px}
@media(max-width:500px){.ok-service-options{grid-template-columns:repeat(2,minmax(0,1fr))}}