/* ===== 课堂笔记 分屏面板（共享组件，老师端各页可用）===== */
:root{--am-notes-w:440px;--am-notes-zoom:1;--am-notes-lh:1.75;--am-notes-ease:cubic-bezier(.32,.72,0,1);--am-notes-dur:.62s;}
/* 横向卷帘：正文 padding 动画把内容向左推开，与面板从右缘拉开同一节奏/曲线（时长统一由 --am-notes-dur 控） */
body{transition:padding-right var(--am-notes-dur) var(--am-notes-ease);}
body.am-notes-open{padding-right:min(var(--am-notes-w),100vw);}
body.amn-resizing{transition:none;}
/* 浮动入口按钮（固定右下角，老师可见，面板打开时隐藏）*/
.amn-launch{position:fixed;right:14px;bottom:56px;z-index:7999;display:none;align-items:center;gap:6px;background:#6b1fb8;color:#fff;border:none;border-radius:999px;padding:8px 13px;font-size:12.5px;font-weight:700;font-family:inherit;cursor:grab;box-shadow:0 4px 14px rgba(76,19,120,.3);touch-action:none;user-select:none;-webkit-user-select:none;white-space:nowrap;line-height:1;}
.amn-launch.amn-dragging{cursor:grabbing;opacity:.92}
.amn-launch:hover{background:#5a17a0;transform:translateY(-1px);}
.amn-launch svg{width:14px;height:14px;flex:none;}
body.am-notes-open .amn-launch{display:none!important;}
/* 顶栏内：与门户 nav 的 .nav-notes-btn 同款「纯图标圆钮」（改这一处，全站顶栏笔记按钮统一） */
.amn-launch--bar{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  width:40px!important;height:40px!important;padding:0!important;justify-content:center;
  background:transparent!important;border:none!important;border-radius:50%!important;color:#26222e!important;
  box-shadow:none!important;cursor:pointer!important;flex:none;}
.amn-launch--bar .amn-lt{display:none!important;}
.amn-launch--bar svg{width:21px!important;height:21px!important;}
.amn-launch--bar:hover{transform:none!important;background:#f1eef7!important;color:#26222e!important;}
/* 顶栏按钮在面板打开时不隐藏（浮动版才隐藏），而是变紫高亮 —— 与门户 .nav-notes-btn.active 一致 */
body.am-notes-open .amn-launch--bar{display:inline-flex!important;background:#7c3aed!important;color:#fff!important;}
/* 面板常驻 flex，用 clip-path 从右缘往左「拉开」露出（内容不重排，比 width 动画稳）；收起时整块裁掉 */
#amNotesPanel{position:fixed;top:0;right:0;height:100vh;width:min(var(--am-notes-w),100vw);max-width:100vw;background:#fff;z-index:8000;box-shadow:-6px 0 26px rgba(40,20,70,.16);display:flex;flex-direction:column;border-left:1px solid #e7dcf5;
  clip-path:inset(0 0 0 100%);visibility:hidden;
  transition:clip-path var(--am-notes-dur) var(--am-notes-ease),visibility var(--am-notes-dur);}
body.am-notes-open #amNotesPanel{clip-path:inset(0 0 0 0);visibility:visible;}
body.amn-resizing #amNotesPanel{transition:none;}
#amNotesDivider{position:fixed;top:0;right:min(calc(min(var(--am-notes-w),100vw) - 8px),calc(100vw - 8px));width:8px;height:100vh;z-index:8001;cursor:col-resize;
  opacity:0;visibility:hidden;transition:opacity var(--am-notes-dur) var(--am-notes-ease),visibility var(--am-notes-dur);}
body.am-notes-open #amNotesDivider{opacity:1;visibility:visible;}
body.amn-resizing #amNotesDivider{transition:none;}
#amNotesDivider::after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:2px;height:46px;background:#cdb6ec;border-radius:2px;}
.amn-head{display:flex;align-items:center;gap:6px;padding:11px 13px;border-bottom:1px solid #eee;background:#faf7ff;}
.amn-head .amn-ttl{font-weight:800;color:#4a1380;font-size:15px;flex:1;display:flex;align-items:center;gap:7px;}
.amn-iconbtn{background:#fff;border:1px solid #e3d6f5;color:#6b1fb8;border-radius:7px;min-width:30px;height:28px;font-size:13px;cursor:pointer;font-weight:700;padding:0 7px;}
.amn-iconbtn:hover{background:#f3ebff;}
.amn-meta{padding:10px 13px 0;display:flex;flex-direction:column;gap:8px;}
.amn-row{display:flex;gap:7px;align-items:center;position:relative;}
.amn-input{flex:1;border:1px solid #ddd;border-radius:8px;padding:8px 11px;font-size:13px;font-family:inherit;color:#1a1a1a;}
.amn-input:focus{outline:none;border-color:#b98ce8;}
.amn-bind{font-size:12.5px;padding:7px 11px;border-radius:8px;display:flex;align-items:center;gap:8px;line-height:1.3;}
.amn-bind-set{background:#f3ebff;color:#4a1380;border:1px solid #e0d0f5;font-weight:700;}
.amn-bind-none{background:#fff7ed;color:#b45309;border:1px solid #fde0b8;font-weight:600;}
.amn-bind .amn-bsub{font-weight:500;color:#8a7aa8;}
.amn-bind .amn-bx{margin-left:auto;cursor:pointer;border:1px solid #d9c6f2;background:#fff;color:#6b1fb8;font-size:11px;font-weight:700;border-radius:6px;padding:3px 8px;white-space:nowrap;}
.amn-bind .amn-bx:hover{background:#f6f0ff;}
.amn-hwho{color:#6b1fb8;font-weight:700;}
.amn-pushed{display:none;flex:none;align-items:center;gap:10px;padding:9px 12px;background:#ecfdf5;border-top:1px solid #c7f0db;color:#067a52;font-size:12.5px;font-weight:600;}
.amn-pushed .amn-undo{margin-left:auto;border:1px solid #9be3c2;background:#fff;color:#067a52;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
.amn-pushed .amn-undo:hover{background:#067a52;color:#fff;}
.amn-sug{position:absolute;top:100%;left:0;right:0;overscroll-behavior:contain;background:#fff;border:1px solid #e3d6f5;border-radius:8px;box-shadow:0 8px 22px rgba(40,20,70,.16);max-height:240px;overflow:auto;z-index:30;margin-top:3px;display:none;}
.amn-sug div{padding:8px 11px;font-size:13px;cursor:pointer;border-bottom:1px solid #f3eefb;}
.amn-sug div:hover{background:#f6f0ff;}
.amn-sug .amn-sub{color:#9a87bd;font-size:11px;margin-left:6px;}
.amn-tools{display:flex;flex-wrap:wrap;gap:3px;padding:8px 11px;border-bottom:1px solid #eee;align-items:center;}
.amn-tb{background:#fff;border:1px solid #e6e6e6;border-radius:6px;min-width:30px;height:30px;padding:0 6px;font-size:13px;cursor:pointer;color:#3a3a3a;display:inline-flex;align-items:center;justify-content:center;}
.amn-tb:hover{background:#f3ebff;border-color:#d5c2ef;color:#6b1fb8;}
.amn-tb svg{width:16px;height:16px;}
.amn-sep{width:1px;height:20px;background:#e9e2f3;margin:0 2px;}
.amn-fontsel{height:30px;border:1px solid #e6e6e6;border-radius:6px;font-size:12px;color:#3a3a3a;background:#fff;cursor:pointer;}
.amn-edit{flex:1 1 0;min-height:120px;overflow:auto;overscroll-behavior:contain;padding:18px 26px 40px;outline:none;font-size:calc(15px*var(--am-notes-zoom));line-height:var(--am-notes-lh,1.75);color:#1a1a1a;}
/* 尾部空白余量：短笔记总可滚≈2 倍编辑区高（下滑 2 倍），滚轮永远被编辑区消费、不穿透页面；
   点空白处光标落到末尾。编辑区一屏≈100vh−330（面板头/选人/工具条/脚条），要滚满两屏需 2×一屏−自身首屏 ≈ 200vh−760 */
.amn-edit::after{content:"";display:block;height:calc(200vh - 760px);}
/* 列表序号/项目符号别溢出到左边被裁（宿主页面的 CSS reset 会清零缩进）——与主站 .amn-edit 保持一致 */
.amn-edit ol,.amn-edit ul{padding-left:1.9em;margin:.4em 0;}
.amn-edit li{margin:.15em 0;}
.amn-edit:empty:before{content:attr(data-ph);color:#b6abc7;}
.amn-edit img{max-width:100%;border-radius:6px;margin:6px 0;display:block;}
.amn-edit table{border-collapse:collapse;margin:8px 0;width:auto;}
.amn-edit td,.amn-edit th{border:1px solid #cfc4e3;padding:5px 9px;min-width:46px;}
.amn-edit blockquote{border-left:3px solid #c9b4ec;margin:8px 0;padding:4px 12px;color:#555;background:#faf7ff;}
.amn-edit pre{background:#f5f3fa;border:1px solid #e6e0f2;border-radius:8px;padding:10px 12px;overflow:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;}
.amn-edit h3{font-size:calc(18px*var(--am-notes-zoom));color:#4a1380;margin:12px 0 6px;}
.amn-edit a{color:#6b1fb8;}
.amn-foot{border-top:1px solid #eee;padding:9px 12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fafafa;flex:none;}
/* ── 作业栏的高度分配（曾经把页脚挤出视口的地方）──
   面板是 height:100vh 的 flex 列、而且用 clip-path 裁切，所以任何溢出既看不见也滚不到。
   作业栏展开后各块高度加起来超过 100vh 时，必须有东西肯让：
     .amn-edit  能收缩（flex:1 1 0 + 小 min-height），它自己有 overflow:auto
     #amnHwBox  能压缩（flex:0 1 auto + min-height:0），内部由 #amnHwBody 滚
     .amn-foot / .amn-pushed  flex:none，永远不许被挤走（推送按钮在里面）
   这几条布局属性必须写在这里而不是内联 style —— 内联会压过样式表，
   之前 #amnHwBox 内联 flex:none 就是「正文已经收到 min-height、作业栏又不肯压」的死结。 */
#amnHwBox{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:42vh;overflow:hidden;
  border-top:1px solid #ece3fa;background:#fbf9ff;}
#amnHwBody{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 12px 10px;}
.amn-save{font-size:12px;color:#9aa0ab;min-width:60px;}
.amn-save.dirty{color:#d97706;}
.amn-save.saved{color:#059669;}
.amn-btn{border:none;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:700;cursor:pointer;}
.amn-btn.primary{background:#6b1fb8;color:#fff;}
.amn-btn.primary:hover{background:#5a17a0;}
.amn-btn.ghost{background:#fff;color:#6b1fb8;border:1px solid #e0d3f3;}
.amn-btn.ghost:hover{background:#f6f0ff;}
.amn-hist{position:absolute;left:0;right:0;bottom:0;max-height:72vh;overflow:auto;overscroll-behavior:contain;padding:0 12px 12px;display:none;background:#fff;border-top:2px solid #e7dcf5;box-shadow:0 -14px 30px rgba(40,20,70,.16);z-index:20;}
.amn-hist .amn-htitle{position:sticky;top:0;background:#fff;margin:0 -12px 4px;padding:10px 12px;border-bottom:1px solid #f0eaf8;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#7a6699;z-index:1;}
.amn-hist .amn-htitle .amn-hclose{margin-left:auto;border:1px solid #e0d3f3;background:#fff;color:#6b1fb8;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;}
.amn-hist .amn-htitle .amn-hclose:hover{background:#f6f0ff;}
.amn-hrow{border:1px solid #eee;border-radius:8px;padding:8px 11px;margin-top:7px;font-size:12.5px;cursor:pointer;display:flex;align-items:center;gap:8px;}
.amn-hrow:hover{background:#f6f0ff;}
.amn-hrow .amn-hd{color:#9aa0ab;font-size:11px;margin-left:auto;white-space:nowrap;}
.amn-hdel{color:#dc2626;border:none;background:none;cursor:pointer;font-size:14px;padding:0 2px;}
/* 复制名称 / 改名。平时淡到几乎看不见，鼠标移到行上才显形 ——
   这两个是低频操作，常驻会跟「删除」抢注意力，而删除是不可逆的那个。 */
.amn-hbtn{color:#b9a8cd;border:none;background:none;cursor:pointer;padding:2px 3px;display:inline-flex;align-items:center;opacity:.45;}
.amn-hrow:hover .amn-hbtn{opacity:1;}
.amn-hbtn:hover{color:#6b1fb8;}
/* 行内改名的输入框：撑满标题那一格，别把日期和按钮挤走 */
.amn-hedit{flex:1;min-width:0;width:100%;font:inherit;font-size:12.5px;color:#1a1a1a;
  border:1px solid #cda8f0;border-radius:6px;padding:3px 7px;background:#fff;outline:none;}
/* 只给 min-width:0，让输入框能缩到格子里。不加 nowrap/ellipsis：
   笔记名带日期时长和课次，截断了等于白写，原来就是换行显示全名，保持。 */
.amn-hrow>span:first-child{min-width:0;flex:1;}
.amn-colorpop{position:fixed;background:#fff;border:1px solid #e3d6f5;border-radius:8px;box-shadow:0 8px 22px rgba(40,20,70,.18);padding:8px;display:none;grid-template-columns:repeat(6,1fr);gap:6px;z-index:8100;}
.amn-colorpop span{width:20px;height:20px;border-radius:5px;cursor:pointer;border:1px solid rgba(0,0,0,.12);display:block;}
.amn-hipop{grid-template-columns:repeat(7,1fr);}
.amn-colorpop .amn-hiclear{display:flex;align-items:center;justify-content:center;color:#dc2626;font-size:12px;font-weight:700;background:#fff;border:1px dashed #dca;}
/* 收起「学生·标题」栏，保留工具栏，腾出书写空间 */
#amNotesPanel.amn-tools-collapsed .amn-meta{display:none;}
#amnToolToggle{font-size:11px;line-height:1;}
@media(max-width:900px){
  body.am-notes-open{padding-right:0;}
  #amNotesPanel{width:100%;}
  #amNotesDivider{display:none!important;}
  /* 窄屏/放大：浮标缩成圆形纯图标，不占版面、不再出现竖排文字 */
  .amn-launch{right:14px;bottom:52px;width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;}
  .amn-launch .amn-lt{display:none;}
  .amn-launch svg{width:17px;height:17px;}
}
/* 打开课堂笔记面板时，隐藏右上浮动登录条，避免遮挡面板标题/关闭按钮 */
body.am-notes-open .auth-widget,body.am-notes-open .auth-inherit-widget{display:none!important;}

/* ===== 全屏浮层给面板让位（判据只此一处，各页不再各写各的）=====
   起因：上面第 5 行 body.am-notes-open 只加 padding-right，而 position:fixed 的包含块是
   【视口】、吃不到 padding —— 所以全屏浮层照旧铺满，被面板压住右侧。
   全站有 60 处这样写的浮层，逐个改要动 20 多个文件，且新写的浮层默认还是坏的。

   为什么规则放这儿：49 个挂了 notes-widget.js 的页面【全部且只有它们】加载本文件，
   覆盖面精确等于「可能开面板的页面」。
   为什么用 CSS 不用 JS：hw/index.html 那类浮层每次打开都重写 style.cssText，
   JS 打上去的 inline right 会被抹掉；样式表里的 !important 抹不掉。
   为什么不抬 z-index：那是军备竞赛（谁的数字大谁赢，新组件选个更大的就静默压过去）。
   几何上不重叠之后，谁在上面就不重要了 —— lessons/index.html 早就是这么修的。

   --amn-gap = 面板此刻真正占走的宽度。面板收起时为 0，此时整条规则等价于 right:0，
   与浮层原本的 inset:0 完全一致，所以可以无条件生效、不需要 body.am-notes-open 限定。 */
:root{--amn-gap:0px;}
body.am-notes-open{--amn-gap:min(var(--am-notes-w),100vw);}
@media(max-width:900px){body.am-notes-open{--amn-gap:0px;}}   /* 窄屏面板全宽覆盖，不能再收 */

/* 新写的全屏 fixed 浮层：加 data-amn-fit 属性即可自动让位，不必回来改这条。
   下面是存量登记（每个选择器的含义已逐页核对，均为全屏遮罩/灯箱，无同名歧义）。
   【绝不能登记进来的】：本来就该盖住一切的全屏接管（作业/批改 iframe、相机），
   以及 #amnCrop —— 它要在面板【内部】的图上画裁剪框，收窄就废了。 */
[data-amn-fit],
.rd-mask,        /* 全屏阅读器：lessons/index.html  speaking/index.html */
.pg-zoom,        /* 教材原版页放大：lessons 下 12 个页面 */
.lb,             /* 图灯箱：hw / listening / reading / speaking-learn */
.hist-mask,      /* 历史记录：listening / reading */
.ielts-nav,      /* 底部题号条：listening / reading（常驻，共现率最高） */
.sp-mask,        /* 口语查看器：cam/index.html */
#stemPop,        /* 句型浮层：itype/learn.html */
#tcOv,           /* 老师点评：speaking/learn.html */
#fig-lightbox,   /* Task1 图表灯箱：itype/index.html */
#figLightbox,    /* 预听图灯箱：listening/prelisten.html */
#ogZoom          /* 教材原图放大：lessons/writing u01 / u02 / u07 */
{
  right:var(--amn-gap)!important;                            /* 多数浮层的 inset:0 写在内联 style 里，必须 !important */
  transition:right var(--am-notes-dur) var(--am-notes-ease); /* 与卷帘同节奏同曲线 */
}
body.amn-resizing [data-amn-fit],body.amn-resizing .rd-mask,body.amn-resizing .pg-zoom,
body.amn-resizing .lb,body.amn-resizing .ielts-nav{transition:none;}   /* 拖分隔条时不要跟着做补间 */
/* ===== 图片工具：选中框 + 角柄 / 浮动工具条 / 裁剪罩（全部挂 body，不进笔记 HTML）===== */
#amnImgBox{z-index:8600;pointer-events:none;border:2px solid #7c3aed;border-radius:6px;}
#amnImgBox .h{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #7c3aed;border-radius:50%;pointer-events:auto;touch-action:none;}
#amnImgBox .h.nw{left:-7px;top:-7px;cursor:nwse-resize;}
#amnImgBox .h.ne{right:-7px;top:-7px;cursor:nesw-resize;}
#amnImgBox .h.sw{left:-7px;bottom:-7px;cursor:nesw-resize;}
#amnImgBox .h.se{right:-7px;bottom:-7px;cursor:nwse-resize;}
#amnImgBar{position:fixed;z-index:8601;display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #d9c6f2;border-radius:10px;padding:4px 6px;font-family:inherit;}
#amnImgBar button{border:none;background:none;color:#4a1380;font-size:12px;font-weight:700;border-radius:6px;padding:5px 8px;cursor:pointer;white-space:nowrap;font-family:inherit;}
#amnImgBar button:hover{background:#f3ebff;color:#6b1fb8;}
#amnImgBar .sep{width:1px;height:16px;background:#e9e2f3;margin:0 2px;}
#amnCrop{position:fixed;inset:0;z-index:8700;}
#amnCrop .dim{background:rgba(20,10,35,.45);}
#amnCrop .rect{border:2px dashed #fff;outline:1px solid #7c3aed;box-sizing:border-box;}
#amnCrop .ch{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #7c3aed;border-radius:50%;touch-action:none;}
#amnCrop .ch.nw{left:-8px;top:-8px;cursor:nwse-resize;}
#amnCrop .ch.ne{right:-8px;top:-8px;cursor:nesw-resize;}
#amnCrop .ch.sw{left:-8px;bottom:-8px;cursor:nesw-resize;}
#amnCrop .ch.se{right:-8px;bottom:-8px;cursor:nwse-resize;}
#amnCrop .cbar{position:fixed;display:flex;gap:7px;}
#amnCrop .cbar button{border:1px solid #d9c6f2;border-radius:99px;padding:6px 15px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;}
#amnCrop .cbar .ok{background:#6b1fb8;color:#fff;border-color:#6b1fb8;}
#amnCrop .cbar .no{background:#fff;color:#6b1fb8;}
/* 编辑区里的图：默认块级；选中态外框由覆盖层画，这里只给可拖提示 */
.amn-edit img{cursor:pointer;}
.amn-edit .amn-imgrow img{cursor:pointer;}
/* 自由态图片：整图可拖 */
.amn-edit .amn-imgfree img{cursor:move;}
/* ===== 分期：灰字旁「新开一期」按钮 / 开期弹层（面板内非模态） / 历史列表里的往期折叠（无阴影、无 emoji，配色同 .amn-bx / .amn-hclose）===== */
.amn-perbtn{display:inline-block;margin-left:8px;vertical-align:middle;cursor:pointer;border:1px solid #d9c6f2;background:#fff;color:#6b1fb8;font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;line-height:1.4;white-space:nowrap;font-family:inherit;}
.amn-perbtn:hover{background:#f6f0ff;}
.amn-perpop{display:none;border:1px solid #cda8f0;background:#f6f0ff;border-radius:10px;padding:10px 12px;margin:-2px 3px 2px;}
.amn-perpop .amn-row{margin-top:8px;}
.amn-perpop .amn-input{background:#fff;}
.amn-perpop-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:#4a1380;line-height:1.4;}
.amn-perpop-s{font-weight:500;color:#8a7aa8;font-size:12px;}
.amn-perhint{margin-top:8px;font-size:12px;line-height:1.55;color:#6b7280;}
.amn-perok{border:1px solid #6b1fb8;background:#6b1fb8;color:#fff;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;}
.amn-perok:hover{background:#5a17a0;}
.amn-perok:disabled{opacity:.6;cursor:default;}
.amn-perno{border:1px solid #e0d3f3;background:#fff;color:#6b1fb8;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;}
.amn-perno:hover{background:#f6f0ff;}
.amn-hper{margin-top:10px;border-top:1px dashed #e0d3f3;padding-top:2px;}
.amn-hper-hd{border:1px solid #e0d3f3;background:#faf7ff;border-radius:8px;padding:8px 11px;margin-top:7px;font-size:12.5px;font-weight:700;color:#6b1fb8;cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none;}
.amn-hper-hd:hover{background:#f6f0ff;}
.amn-hper-hd .amn-hd{color:#9aa0ab;font-size:11px;margin-left:auto;font-weight:500;white-space:nowrap;}
.amn-hper-bd{padding-left:10px;border-left:2px solid #ece3fa;margin-top:2px;}
/* ===== 换学生挂起态（_笔记分期与换人方案.md 流程 A）：条子 .amn-sw 是归属行的一个状态（renderBind 按 amn.sw 画）；
   面板 .amn-sw-lock 期间编辑器/标题/工具栏/脚条按钮/新建·按班级/头部 ✕·缩放/历史面板 全禁——归属没定之前一个字都不该进旧笔记，
   历史/新建/✕ 这些入口会改 noteId 或绑定、或再跑一次 amnSave（insert 在途时就是双 insert）。这里只是观感：顶栏笔记钮在面板外，
   amNotesClose / amnOpenHist / amnOpenFromHandout 各自另有 JS 闸。学生搜索框不禁（ask 态允许再点第三个学生）。
   无阴影、无 emoji，按钮同 .amn-bx ===== */
.amn-bind.amn-sw{flex-wrap:wrap;background:#f6f0ff;border-color:#cda8f0;color:#4a1380;}
.amn-bind.amn-sw .amn-sw-t{flex:1 1 auto;min-width:0;}
.amn-bind.amn-sw .amn-sw-btns{display:flex;gap:6px;margin-left:auto;flex:none;}
.amn-bind.amn-sw .amn-bx{margin-left:0;}
#amNotesPanel.amn-sw-lock .amn-tools,
#amNotesPanel.amn-sw-lock .amn-foot .amn-btn,
#amNotesPanel.amn-sw-lock .amn-meta .amn-iconbtn,
#amNotesPanel.amn-sw-lock .amn-head .amn-iconbtn,
#amNotesPanel.amn-sw-lock .amn-hist{pointer-events:none;opacity:.45;}
#amNotesPanel.amn-sw-lock .amn-edit{pointer-events:none;opacity:.55;background:#faf7ff;cursor:default;}
#amNotesPanel.amn-sw-lock #amnTitle{color:#8a7aa8;background:#faf7ff;}