/* هوية سبّورة داخل واجهة مصمم أوراق العمل. لا تطبق على الورقة عند الطباعة. */
:root{
  --p:#43467f;
  --pd:#31366c;
  --a:#ed6967;
  --b:#5c65a1;
  --paper:#fbfaf7;
  --brd:#e3e2ea;
  --txt:#454f5b;
}

body{
  background:
    radial-gradient(circle at 8% 8%,rgba(237,105,103,.07),transparent 24rem),
    linear-gradient(180deg,#fbfaf7,#f4f5f9);
}

#hometop{
  min-height:58px;
  background:linear-gradient(135deg,#31366c,#43467f);
  padding:10px clamp(14px,3vw,28px);
  box-shadow:0 10px 28px rgba(49,54,108,.16);
}
#hometop b{font-size:18px;letter-spacing:.01em}
#hometop button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1)}

#home{max-width:1080px;padding:42px 20px 28px}
#home h1{color:#31366c;font-size:clamp(34px,6vw,52px);line-height:1.25}
#home>p{color:#697184;font-size:16px;line-height:1.9}
#home>h3{color:#43467f!important}
.hgrid{gap:16px}
.hbtn{
  min-height:142px;
  border:1px solid rgba(67,70,127,.12);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  color:#31366c;
  box-shadow:0 14px 35px rgba(49,54,108,.08);
}
.hbtn:hover{
  border-color:rgba(237,105,103,.6);
  background:#fff;
  color:#31366c;
  box-shadow:0 20px 42px rgba(49,54,108,.14);
}
.hbtn span{filter:saturate(.82)}
.tpl{
  border:1px solid rgba(67,70,127,.14);
  border-radius:14px;
  background:#fff;
  color:#43467f;
  box-shadow:0 8px 22px rgba(49,54,108,.06);
  transition:.2s ease;
}
.tpl:hover{border-color:#ed6967;transform:translateY(-2px)}
#siteFoot{border-color:rgba(67,70,127,.12);color:#788092}

#topbar,#adminbar{
  min-height:58px;
  background:linear-gradient(135deg,#31366c,#43467f);
  box-shadow:0 8px 26px rgba(49,54,108,.18);
}
#topbar button,#topbar select,#adminbar button{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.1);
  box-shadow:none;
}
#topbar button:hover,#adminbar button:hover{
  border-color:#ed6967;
  background:#ed6967;
  color:#fff;
  box-shadow:0 8px 18px rgba(237,105,103,.22);
}
#topbar button.primary-action{
  border-color:#ed6967;
  background:#ed6967;
  color:#fff;
  box-shadow:0 7px 18px rgba(237,105,103,.22);
}
#topbar button.primary-action:hover{background:#d95557}
#wsTitle{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
}
#wsTitle:focus{background:#fff;color:#31366c}

#main{background:#f3f4f8}
#sidebar{
  width:252px;
  border-color:rgba(67,70,127,.12);
  background:#fbfaf7;
  padding:14px;
  box-shadow:-9px 0 28px rgba(49,54,108,.05);
}
#sidebar h3{color:#697184}
.ab{
  border:1px solid rgba(67,70,127,.12);
  border-radius:12px;
  background:#fff;
  color:#4c5368;
  transition:.18s ease;
}
.ab:hover{
  border-color:rgba(67,70,127,.48);
  background:#f0eff7;
  color:#31366c;
  transform:translateX(-2px);
}
#canvas{
  background:
    radial-gradient(circle at 15% 12%,rgba(237,105,103,.045),transparent 22rem),
    #f3f4f8;
}
.a4{box-shadow:0 18px 48px rgba(49,54,108,.14)}

#assetBar{
  border-color:rgba(67,70,127,.12);
  background:#fff;
  box-shadow:0 7px 20px rgba(49,54,108,.07);
}
#assetBar button:hover{border-color:#43467f;background:#f0eff7}

.activity-group-title{color:#697184!important}
#sidebar .activity-group-title:after{background:linear-gradient(90deg,transparent,#d9d9e6)}
.activity-card{
  border-color:rgba(67,70,127,.12)!important;
  background:linear-gradient(145deg,#fff,#f8f7fb)!important;
  box-shadow:0 5px 16px rgba(49,54,108,.06)!important;
}
.activity-card:hover{border-color:rgba(237,105,103,.55)!important;box-shadow:0 12px 25px rgba(49,54,108,.12)!important}
.activity-card-icon{background:linear-gradient(145deg,#f69a93,#ed6967)!important;color:#fff!important;box-shadow:0 5px 14px rgba(237,105,103,.2)!important}
.activity-card-add{background:#f0eff7!important;color:#43467f!important}
.activity-card:hover .activity-card-add{background:#43467f!important;color:#fff!important}

.activity-toolbar,.activity-cell-editor,.activity-text-panel,.free-controls{
  border-color:rgba(67,70,127,.18)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 10px 28px rgba(49,54,108,.14)!important;
}
.activity-toolbar button,.activity-cell-editor button,.free-controls button{
  border-color:rgba(67,70,127,.14)!important;
  background:#f5f4f8!important;
  color:#31366c!important;
}
.activity-toolbar button:hover,.activity-cell-editor button:hover,.free-controls button:hover{
  border-color:#ed6967!important;
  background:#fbecea!important;
}
.activity-toolbar .activity-drag-handle{background:#43467f!important;color:#fff!important}

#modal{background:rgba(35,37,75,.52);backdrop-filter:blur(4px)}
#modal .mbox{
  border:1px solid rgba(67,70,127,.12);
  border-radius:22px;
  box-shadow:0 26px 70px rgba(35,37,75,.24);
}
#modal h3{color:#31366c}
.mok{background:#43467f}.mok:hover{background:#31366c}
.mcancel{background:#f0eff7;color:#515870}
.tabbtn{background:#efeff5;color:#5c6377}
.tabbtn.on{background:#43467f;color:#fff}

input:focus,textarea:focus,select:focus{outline:2px solid rgba(237,105,103,.5);outline-offset:1px}
*{scrollbar-color:#a9aaca transparent;scrollbar-width:thin}

@media(max-width:767px){
  #hometop{min-height:52px}
  #home{padding-top:28px}
  #sidebar{width:100%;box-shadow:0 8px 20px rgba(49,54,108,.08)}
  .ab:hover{transform:none}
}

@media print{
  body,#main,#canvas{background:#fff!important}
}