/* ============================================================
   Katakit Commercial OS v0.10 — Notion-inspired professional UI
   Keeps Katakit purple/gold identity while reducing dashboard feel.
   ============================================================ */

:root{
  --sidebar-w:248px;
  --sidebar-collapsed-w:52px;
  --notion-bg:#fbfbfa;
  --notion-panel:#ffffff;
  --notion-hover:#f1f1ef;
  --notion-border:#e7e7e5;
  --notion-text:#292927;
  --notion-muted:#787774;
}
html[data-theme="dark"]{
  --notion-bg:#191919;
  --notion-panel:#202020;
  --notion-hover:#2a2a2a;
  --notion-border:#373737;
  --notion-text:#e8e8e6;
  --notion-muted:#a1a19f;
}

/* ---------- Core geometry ---------- */
html,body{min-height:100%;background:var(--notion-bg)!important}
body{overflow-x:hidden}
#app{
  grid-template-columns:minmax(0,1fr) var(--sidebar-w)!important;
  min-height:100vh!important;
  align-items:stretch!important;
}
body.sidebar-collapsed #app{grid-template-columns:minmax(0,1fr) var(--sidebar-collapsed-w)!important}
.workspace{overflow:visible!important;background:var(--notion-bg)!important;min-height:100vh}
.view{max-width:none!important;width:100%!important;padding:28px clamp(20px,3vw,48px) 80px!important;overflow:visible!important}

/* ---------- Sidebar: Notion-like fixed workspace rail ---------- */
.sidebar{
  position:sticky!important;top:0!important;height:100vh!important;max-height:100vh!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;
  width:auto!important;min-width:0!important;padding:0!important;
  background:color-mix(in srgb,var(--sidebar) 94%,var(--notion-bg))!important;
  border-left:1px solid var(--notion-border)!important;box-shadow:none!important;
}
.workspace-switcher{
  flex:0 0 auto!important;height:58px!important;min-height:58px!important;padding:8px 10px!important;
  border-bottom:0!important;background:transparent!important;gap:8px!important;
}
.brand-mark{width:36px!important;height:36px!important;border-radius:7px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--notion-border)!important}
.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3px}
.workspace-name strong{font-size:10px!important}.workspace-name small{font-size:7px!important;color:var(--notion-muted)!important}
.nav{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:block!important;padding:4px 7px 12px!important;margin:0!important;scrollbar-width:thin;
  scrollbar-color:transparent transparent;
}
.nav:hover{scrollbar-color:color-mix(in srgb,var(--notion-muted) 40%,transparent) transparent}
.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.nav:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--notion-muted) 38%,transparent)}
.nav-section-label{padding:14px 9px 5px!important;margin:0!important;font-size:7px!important;font-weight:700!important;letter-spacing:.03em!important;color:color-mix(in srgb,var(--notion-muted) 80%,transparent)!important;text-transform:none!important}
.nav-item{
  min-height:32px!important;padding:5px 8px!important;margin:1px 0!important;border-radius:5px!important;
  font-size:9px!important;font-weight:500!important;color:var(--notion-text)!important;gap:7px!important;
}
.nav-item:hover{background:var(--notion-hover)!important;color:var(--notion-text)!important}
.nav-item.active{background:color-mix(in srgb,var(--p100) 62%,var(--notion-hover))!important;color:var(--p800)!important;box-shadow:none!important;font-weight:700!important}
.nav-icon{width:20px!important;font-size:13px!important;color:color-mix(in srgb,var(--notion-text) 75%,transparent)!important}
.sidebar-footer{flex:0 0 auto!important;padding:6px 7px 9px!important;margin:0!important;background:linear-gradient(180deg,transparent,var(--sidebar) 25%)!important}
.sidebar-account{min-height:38px!important;padding:5px 7px!important;border-radius:6px!important;background:transparent!important;border:0!important}
.sidebar-account:hover{background:var(--notion-hover)!important}
.sidebar-account .avatar{width:27px!important;height:27px!important;font-size:9px!important}.sidebar-account-text strong{font-size:8px!important}.sidebar-account-text small{font-size:7px!important}

/* Replace awkward floating button with edge rail button, like Notion. */
.sidebar-collapse-btn{display:none!important}
.sidebar-edge-toggle{
  position:absolute;left:-13px;top:72px;z-index:95;width:26px;height:30px;border:1px solid var(--notion-border);
  background:var(--notion-panel);color:var(--notion-muted);border-radius:6px;display:grid;place-items:center;
  opacity:0;transform:translateX(4px);transition:opacity .12s ease,transform .12s ease,background .12s ease;
  font:700 17px/1 Cairo,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer
}
.sidebar:hover .sidebar-edge-toggle,.sidebar-edge-toggle:focus-visible,body.sidebar-collapsed .sidebar-edge-toggle{opacity:1;transform:none}
.sidebar-edge-toggle:hover{background:var(--notion-hover);color:var(--notion-text)}
body.sidebar-collapsed .sidebar-edge-toggle{left:-13px;top:72px;transform:rotate(180deg)}
body.sidebar-collapsed .workspace-switcher{height:58px!important;min-height:58px!important;padding:8px!important;justify-content:center!important}
body.sidebar-collapsed .brand-mark{width:34px!important;height:34px!important}
body.sidebar-collapsed .workspace-name,body.sidebar-collapsed .nav-item span:last-child,body.sidebar-collapsed .nav-section-label,body.sidebar-collapsed .sidebar-account-text,body.sidebar-collapsed .sidebar-account>span:last-child{display:none!important}
body.sidebar-collapsed .nav{padding:5px 6px 10px!important}
body.sidebar-collapsed .nav-item{justify-content:center!important;padding:6px!important;height:34px!important}
body.sidebar-collapsed .nav-icon{width:22px!important}
body.sidebar-collapsed .sidebar-account{justify-content:center!important}

/* ---------- Top navigation: history + open/recent pages beside sidebar ---------- */
.topbar{
  height:52px!important;min-height:52px!important;padding:0 14px 0 18px!important;
  border-bottom:1px solid var(--notion-border)!important;background:color-mix(in srgb,var(--notion-bg) 96%,transparent)!important;
  backdrop-filter:blur(8px);box-shadow:none!important;gap:10px!important
}
.topbar-nav.notion-navigation{display:flex!important;align-items:center!important;gap:5px!important;min-width:0;flex:1 1 auto;direction:rtl!important}
.notion-history-hidden{display:none!important}
.notion-route-control{display:flex;gap:1px;flex:0 0 auto}
.notion-nav-chevron{width:27px;height:27px;border:0;background:transparent;color:var(--notion-muted);border-radius:5px;display:grid;place-items:center;font:700 18px/1 Cairo;cursor:pointer}
.notion-nav-chevron:hover:not(:disabled){background:var(--notion-hover);color:var(--notion-text)}
.notion-nav-chevron:disabled{opacity:.25;cursor:default}
.route-trail{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden;direction:rtl}
.route-chip{border:0;background:transparent;color:var(--notion-muted);font:500 8px Cairo;padding:5px 7px;border-radius:5px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative}
.route-chip:hover{background:var(--notion-hover);color:var(--notion-text)}
.route-chip.active{color:var(--notion-text);font-weight:700}.route-chip:not(:last-child)::after{content:"/";position:absolute;left:-3px;color:color-mix(in srgb,var(--notion-muted) 65%,transparent);font-weight:400}
.notion-breadcrumb-fallback{display:none!important}
.mobile-sidebar-btn{margin-left:2px}
.search-wrap{height:30px!important;width:min(330px,27vw)!important}.search-wrap input{height:30px!important;border:0!important;background:var(--notion-hover)!important;border-radius:6px!important;font-size:8px!important}.search-wrap kbd{top:5px!important}.search-icon{top:3px!important}
.topbar-actions{gap:3px!important}.notion-icon,.topbar .btn,.account-button{min-height:30px!important;height:30px!important;border-radius:6px!important}.topbar .btn{padding:5px 9px!important;font-size:8px!important}.account-button{border:0!important;background:transparent!important}.account-button:hover{background:var(--notion-hover)!important}

/* ---------- Page typography / surfaces ---------- */
.page-head{max-width:1180px;margin:0 0 24px!important;padding:0!important;align-items:flex-end!important}
.page-head h1{font-size:29px!important;line-height:1.25!important;color:var(--notion-text)!important;letter-spacing:-.02em;font-weight:800!important}.page-head p{font-size:9px!important;line-height:1.8!important;color:var(--notion-muted)!important;margin-top:5px!important;max-width:780px}
.page-actions{gap:5px!important}.page-actions .btn{border-radius:6px!important;box-shadow:none!important;font-size:8px!important;min-height:30px!important}
.notion-page-shell{max-width:1180px!important;margin:0 auto!important}.notion-title-row{margin:0 0 10px!important;align-items:flex-end!important}.notion-title-icon{background:transparent!important;width:36px!important;height:36px!important;border-radius:4px!important;font-size:25px!important}.notion-title-row h1{font-size:30px!important;color:var(--notion-text)!important}
.card{
  border:1px solid var(--notion-border)!important;border-radius:8px!important;background:var(--notion-panel)!important;
  box-shadow:none!important;padding:14px!important
}
.grid{gap:10px!important}.card-title{margin-bottom:10px!important}.card-title h2,.card-title h3{font-size:11px!important;color:var(--notion-text)!important}
.toolbar{background:transparent!important;border:0!important;border-bottom:1px solid var(--notion-border)!important;border-radius:0!important;padding:7px 0!important;margin-bottom:12px!important;gap:5px!important}
.toolbar input,.toolbar select{height:31px!important;border-radius:6px!important;border:1px solid var(--notion-border)!important;background:var(--notion-panel)!important;color:var(--notion-text)!important;font-size:8px!important;min-width:120px!important}
.btn{box-shadow:none!important;border-color:var(--notion-border)!important;border-radius:6px!important}.btn:hover{transform:none!important;background:var(--notion-hover)!important}.btn.primary{background:var(--p800)!important;color:#fff!important;border-color:var(--p800)!important}.btn.primary:hover{background:var(--p700)!important}.btn.subtle{background:transparent!important}
.source-badge{font-size:7px!important;border-color:var(--notion-border)!important;background:transparent!important;color:var(--notion-muted)!important}

/* ---------- Tables / database feel ---------- */
.table-wrap{border:1px solid var(--notion-border)!important;border-radius:7px!important;background:var(--notion-panel)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--notion-muted) 32%,transparent) transparent}
table{background:var(--notion-panel)!important}th{background:color-mix(in srgb,var(--notion-bg) 75%,var(--notion-panel))!important;color:var(--notion-muted)!important;border-bottom:1px solid var(--notion-border)!important;font-size:7.5px!important;font-weight:700!important;padding:8px 10px!important}td{border-bottom:1px solid var(--notion-border)!important;font-size:8.5px!important;padding:8px 10px!important;color:var(--notion-text)!important}tbody tr:hover td{background:color-mix(in srgb,var(--notion-hover) 70%,transparent)!important}
.customer-list-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:8px!important}.customer-card{border-radius:7px!important;box-shadow:none!important;padding:12px!important}.customer-card:hover{transform:none!important;background:var(--notion-hover)!important}

/* ---------- Module Excel controls ---------- */
.module-data-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.template-btn{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.template-btn::before{content:"↓";font-size:10px}.module-import-btn::before{content:"↑";margin-left:4px}
.import-template-note{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--notion-border);border-radius:7px;background:var(--notion-bg);padding:10px;margin-top:10px}.import-template-note b{font-size:9px}.import-template-note small{font-size:8px;color:var(--notion-muted);line-height:1.7}

/* ---------- Annual plan: Notion database styling + colors ---------- */
.annual-scroll{border:1px solid var(--notion-border)!important;border-radius:8px!important;background:var(--notion-panel)!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--notion-muted) 35%,transparent) transparent}
.annual-table{border-collapse:separate!important;border-spacing:0!important;background:var(--notion-panel)!important}
.annual-table th,.annual-table td{border-left:1px solid var(--notion-border)!important;border-bottom:1px solid var(--notion-border)!important}
.annual-table thead th{background:var(--notion-bg)!important;color:var(--notion-muted)!important;font-size:8px!important;padding:9px 9px!important;border-top:0!important}
.annual-table tbody th{background:var(--notion-panel)!important;color:var(--notion-text)!important;font-size:8.5px!important;padding:9px!important}
.annual-table td{background:var(--notion-panel)!important;padding:5px!important;min-width:122px!important}.annual-table tr:hover td,.annual-table tr:hover th{background:color-mix(in srgb,var(--notion-hover) 65%,var(--notion-panel))!important}
.annual-table td.past,.annual-table td.current,.annual-table td.future{background:var(--notion-panel)!important}
.plan-order{background:transparent!important;border-radius:5px!important;padding:4px 5px!important;font-size:7.5px!important;color:var(--notion-text)!important}.plan-order:hover{background:var(--notion-hover)!important;box-shadow:none!important}.plan-order.duplicate{background:#fff0f1!important;box-shadow:inset 0 0 0 1px #e68b91!important}.plan-add-cell{border:0!important;color:var(--notion-muted)!important;background:transparent!important;opacity:.55}.plan-add-cell:hover{background:var(--notion-hover)!important;opacity:1}
.annual-color-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:8px 9px;border:1px solid var(--notion-border);border-radius:7px;background:var(--notion-panel)}
.color-mode-group{display:flex;gap:2px;padding:2px;background:var(--notion-bg);border-radius:6px}.color-mode-btn{border:0;background:transparent;padding:5px 8px;border-radius:5px;color:var(--notion-muted);font:600 7px Cairo;cursor:pointer}.color-mode-btn.active{background:var(--notion-panel);color:var(--notion-text);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.color-swatches{display:flex;gap:4px;align-items:center}.color-swatch{width:20px;height:20px;border-radius:5px;border:1px solid color-mix(in srgb,var(--notion-border) 70%,#000);cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.color-swatch:hover{transform:translateY(-1px)}.color-clear{width:auto;padding:0 7px;background:var(--notion-bg)!important;color:var(--notion-muted);font:600 7px Cairo}
.annual-color-target{font-size:7px;color:var(--notion-muted);margin-inline-start:auto}.annual-color-selected{outline:2px solid var(--p600)!important;outline-offset:-2px!important}
.annual-table [data-color-row],.annual-table [data-color-col],.annual-table [data-color-cell]{cursor:pointer}

/* ---------- Tasks more like Notion board ---------- */
.tasks-toolbar,.wiki-toolbar{margin:9px 0 12px!important}.view-tabs{margin:0 0 12px!important}.task-board{gap:8px!important}.task-column{background:transparent!important;border:0!important;border-radius:0!important;padding:0 4px!important;min-height:520px!important}.task-column-head{border-bottom:1px solid var(--notion-border);padding:6px 3px!important;margin-bottom:6px}.task-card{border-radius:6px!important;padding:9px!important;margin-bottom:6px!important;box-shadow:none!important}.task-card:hover{background:var(--notion-hover)!important}.empty-board{border:1px dashed var(--notion-border);border-radius:6px!important}

/* ---------- Wiki: closer to Notion ---------- */
.wiki-v10-shell{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0;direction:ltr;min-height:calc(100vh - 105px);background:var(--notion-panel);border:1px solid var(--notion-border);border-radius:8px;overflow:hidden}
.wiki-v10-tree{direction:rtl;border-left:1px solid var(--notion-border);padding:10px 8px;background:color-mix(in srgb,var(--notion-bg) 55%,var(--notion-panel));min-width:0;overflow:auto}.wiki-v10-editor{direction:rtl;min-width:0;overflow:auto;background:var(--notion-panel)}
.wiki-tree-top{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 10px}.wiki-tree-top strong{font-size:9px}.wiki-tree-actions{display:flex;gap:2px}.wiki-tree-actions button{border:0;background:transparent;border-radius:4px;padding:3px 5px;color:var(--notion-muted);cursor:pointer}.wiki-tree-actions button:hover{background:var(--notion-hover);color:var(--notion-text)}
.wiki-v10-tree .wiki-tree-item{min-height:28px!important;padding:4px 6px!important;border-radius:5px!important;font-size:8px!important;gap:5px!important}.wiki-v10-tree .wiki-tree-item.active{background:var(--notion-hover)!important;font-weight:700}.wiki-tree-item .page-ellipsis{margin-inline-start:auto;color:transparent}.wiki-tree-item:hover .page-ellipsis{color:var(--notion-muted)}
.wiki-empty-state{padding:90px 30px;text-align:center;color:var(--notion-muted)}.wiki-empty-state b{display:block;color:var(--notion-text);font-size:15px;margin-bottom:6px}
.notion-doc-cover{height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--p100) 70%,#fff),color-mix(in srgb,var(--brand-gold-soft) 70%,#fff));position:relative}.notion-doc-cover button{position:absolute;bottom:8px;left:12px;opacity:0}.notion-doc-cover:hover button{opacity:1}
.notion-doc-head{max-width:860px;margin:-34px auto 0;padding:0 38px 4px;position:relative}.notion-doc-icon{width:64px;height:64px;border-radius:8px;background:transparent;display:grid;place-items:center;font-size:41px;outline:none}.notion-doc-title{border:0!important;background:transparent!important;font:800 32px/1.25 Cairo!important;color:var(--notion-text)!important;width:100%!important;padding:5px 0 2px!important;outline:none!important}.notion-doc-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--notion-muted);font-size:7px;padding:3px 0 8px}.notion-doc-actions{display:flex;gap:3px;opacity:.7}.notion-doc-actions:hover{opacity:1}
.notion-doc-files{max-width:860px;margin:0 auto;padding:5px 38px 3px}.notion-file-row{display:flex;align-items:center;gap:8px;border-radius:5px;padding:6px 7px;margin:1px 0}.notion-file-row:hover{background:var(--notion-hover)}.notion-file-icon{width:28px;height:28px;border-radius:5px;background:var(--notion-hover);display:grid;place-items:center}.notion-file-info{min-width:0;flex:1}.notion-file-info strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notion-file-info small{display:block;font-size:7px;color:var(--notion-muted)}.notion-file-actions{display:flex;gap:3px}
.notion-block-editor{max-width:860px;margin:0 auto;padding:12px 38px 90px}.notion-editor-block{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:flex-start;position:relative;border-radius:4px;min-height:31px}.notion-editor-block:hover{background:color-mix(in srgb,var(--notion-hover) 55%,transparent)}.notion-block-handle{border:0;background:transparent;color:transparent;padding:7px 3px;cursor:grab;font-size:11px}.notion-editor-block:hover .notion-block-handle{color:var(--notion-muted)}.notion-block-content{outline:none;padding:5px 4px;min-height:31px;white-space:pre-wrap;font-size:10px;line-height:1.75}.notion-block-content[data-type="h1"]{font-size:22px;font-weight:800;line-height:1.4}.notion-block-content[data-type="h2"]{font-size:17px;font-weight:750}.notion-block-content[data-type="h3"]{font-size:13px;font-weight:700}.notion-block-content[data-type="bullet"]::before{content:"• ";font-weight:900}.notion-block-content[data-type="number"]{counter-increment:notionnum}.notion-block-content[data-type="number"]::before{content:counter(notionnum) ". ";color:var(--notion-muted)}.notion-block-content[data-type="quote"]{border-right:3px solid var(--notion-text);padding-right:12px;color:var(--notion-muted)}.notion-block-content[data-type="callout"]{background:var(--notion-hover);border-radius:5px;padding:9px}.notion-block-content[data-type="code"]{direction:ltr;text-align:left;background:var(--notion-hover);border-radius:5px;padding:9px;font-family:Consolas,monospace;font-size:9px}.notion-block-content[data-type="check"]::before{content:"☐ ";color:var(--notion-muted)}.notion-block-content.checked[data-type="check"]::before{content:"☑ ";color:var(--success)}.notion-block-content.checked{text-decoration:line-through;color:var(--notion-muted)}.notion-block-divider{height:1px;background:var(--notion-border);margin:13px 4px}.notion-block-placeholder:empty::before{content:"اكتب / للأوامر";color:color-mix(in srgb,var(--notion-muted) 65%,transparent);pointer-events:none}
.slash-menu{position:fixed;z-index:200;width:240px;max-height:330px;overflow:auto;background:var(--notion-panel);border:1px solid var(--notion-border);border-radius:7px;box-shadow:0 10px 35px rgba(0,0,0,.15);padding:5px}.slash-menu-title{padding:6px 7px 4px;font-size:7px;font-weight:700;color:var(--notion-muted)}.slash-item{width:100%;display:flex;gap:8px;align-items:center;border:0;background:transparent;color:var(--notion-text);border-radius:5px;padding:7px;text-align:right;font:500 8px Cairo;cursor:pointer}.slash-item:hover{background:var(--notion-hover)}.slash-icon{width:28px;height:28px;border:1px solid var(--notion-border);border-radius:4px;display:grid;place-items:center;font-weight:700}.slash-item span:last-child small{display:block;color:var(--notion-muted);font-size:7px}

/* ---------- Scrollbars generally ---------- */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--notion-muted) 30%,transparent) transparent}
*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--notion-muted) 26%,transparent);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--notion-muted) 46%,transparent);background-clip:content-box}

/* ---------- Responsive: never get stuck narrow ---------- */
@media(max-width:980px){
  #app,body.sidebar-collapsed #app{display:block!important}.workspace{width:100%!important;min-width:0!important}.view{padding:18px 14px 58px!important}
  .sidebar{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:268px!important;height:100dvh!important;z-index:90!important;transform:translateX(104%)!important;transition:transform .16s ease!important;box-shadow:-18px 0 46px rgba(0,0,0,.14)!important}
  body.mobile-sidebar-open .sidebar{transform:translateX(0)!important}.sidebar-edge-toggle{display:none!important}.mobile-sidebar-btn{display:grid!important}.nav{display:block!important;overflow-y:auto!important}.nav-section-label{display:block!important}
  body.sidebar-collapsed .workspace-name,body.sidebar-collapsed .nav-item span:last-child,body.sidebar-collapsed .nav-section-label,body.sidebar-collapsed .sidebar-account-text{display:block!important}body.sidebar-collapsed .nav-item{justify-content:flex-start!important}
  .topbar{padding:0 8px!important}.route-trail{max-width:45vw}.search-wrap{width:min(260px,30vw)!important}.wiki-v10-shell{grid-template-columns:1fr;border-radius:0;border-left:0;border-right:0}.wiki-v10-tree{display:none}.notion-doc-head,.notion-doc-files,.notion-block-editor{padding-left:18px;padding-right:18px}
}
@media(min-width:981px){
  .mobile-sidebar-btn{display:none!important}.sidebar{transform:none!important}
}
@media(max-width:650px){
  .search-wrap{display:none!important}.route-chip{max-width:95px}.route-chip:nth-child(n+4){display:none}.topbar-actions #topUserName{display:none}.view{padding:14px 10px 50px!important}.page-head{display:block!important}.page-actions{margin-top:10px}.annual-color-target{width:100%;margin:2px 0 0}.notion-doc-title{font-size:27px!important}.notion-doc-cover{height:110px}.notion-doc-head{margin-top:-28px}
}
.annual-table [data-custom-color="1"]{background:var(--annual-bg)!important}
.annual-table tr:hover [data-custom-color="1"]{background:color-mix(in srgb,var(--annual-bg) 82%,var(--notion-hover))!important}
.notion-doc-cover[data-cover="plum"]{background:linear-gradient(135deg,#eadff2,#f8eefc)}
.notion-doc-cover[data-cover="gold"]{background:linear-gradient(135deg,#fff0c8,#f7df9e)}
.notion-doc-cover[data-cover="blue"]{background:linear-gradient(135deg,#dfeaf8,#e8f2ff)}
.notion-doc-cover[data-cover="green"]{background:linear-gradient(135deg,#dfeee5,#edf6f0)}
.notion-doc-cover[data-cover="gray"]{background:linear-gradient(135deg,#ececea,#f5f5f3)}
html[data-theme="dark"] .notion-doc-cover[data-cover="plum"]{background:linear-gradient(135deg,#3c3042,#2b2430)}
html[data-theme="dark"] .notion-doc-cover[data-cover="gold"]{background:linear-gradient(135deg,#4b412c,#332e24)}
html[data-theme="dark"] .notion-doc-cover[data-cover="blue"]{background:linear-gradient(135deg,#293746,#222c36)}
html[data-theme="dark"] .notion-doc-cover[data-cover="green"]{background:linear-gradient(135deg,#293a31,#222d27)}
html[data-theme="dark"] .notion-doc-cover[data-cover="gray"]{background:linear-gradient(135deg,#30302f,#252524)}
.notion-block-editor{counter-reset:notionnum}