/* NORMA · Changes module */
#changes .backrow{margin-bottom:16px}
#changes .sub{max-width:360px;font-size:12px;line-height:1.35}

.changes-tools{margin:4px 0 15px}
.changes-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.changes-filters::-webkit-scrollbar{display:none}
.changes-filter{
  flex:0 0 auto;min-height:43px;padding:0 15px;border:1px solid rgba(255,255,255,.88);border-radius:16px;
  display:flex;align-items:center;gap:7px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(237,247,255,.56));
  color:#4d6680;font-size:12px;font-weight:650;box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(38,82,124,.055)
}
.changes-filter svg{width:17px;height:17px}
.changes-filter.selected{background:linear-gradient(145deg,#69b7f4,#3189d8);color:#fff;border-color:rgba(255,255,255,.7);box-shadow:0 9px 20px rgba(37,126,206,.20)}
.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.status-dot.project{background:#8c54e9}.status-dot.accepted{background:#188ee5}.status-dot.soon{background:#f2b62c}.status-dot.active{background:#12a271}

.changes-control{
  padding:16px 14px 14px;border:1px solid rgba(255,255,255,.9);border-radius:25px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(235,246,255,.54));
  box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(38,82,124,.075);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)
}
.changes-control-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}
.changes-control-head>span,.changes-month{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#29415b}
.changes-control-head button{border:0;background:transparent;color:#1174cd;font-size:11.5px;font-weight:700}
.changes-control-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.changes-control-row::-webkit-scrollbar{display:none}
.control-card{flex:1 0 0;min-width:0;min-height:92px;padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.55);display:grid;grid-template-columns:48px minmax(0,1fr) 10px;gap:8px;align-items:center;text-align:left;color:var(--text)}
.control-date{height:57px;border-radius:15px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#e0f2ff,#f9fcff);color:#174f82}
.control-date b{font-size:20px;line-height:1}.control-date small{font-size:8px;font-weight:800;margin-top:4px}
.control-copy{min-width:0}.control-copy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10.5px;line-height:1.17}
.control-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:8.5px;line-height:1.2;color:var(--muted)}
.control-card>span{font-size:21px;color:#7790a7}
.control-fallback{width:100%;border:0;border-radius:16px;padding:15px;background:rgba(255,255,255,.6);display:flex;justify-content:space-between;color:#1b568c}

.changes-feed{margin-top:20px}
.changes-month{margin:0 5px 10px}
.change-card{
  position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 14px;gap:12px;align-items:center;
  min-height:128px;margin-bottom:10px;padding:15px 14px;border:1px solid rgba(255,255,255,.9);border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(238,248,255,.54));
  box-shadow:inset 0 1px 0 #fff,0 11px 27px rgba(38,82,124,.07);cursor:pointer
}
.change-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#dcefff,#f5fbff);color:#0d569b;font-size:28px;font-weight:500}
.change-copy{min-width:0}.change-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.change-copy h3{margin:0;font-size:14px;line-height:1.18;letter-spacing:-.1px}
.change-copy p{margin:7px 0 8px;color:var(--muted);font-size:11px;line-height:1.3}
.change-status{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:12px;font-size:9.5px;font-weight:750}
.change-status i{width:7px;height:7px;border-radius:50%}
.change-status.active{background:#d9f5e9;color:#087f59}.change-status.active i{background:#12a271}
.change-status.project{background:#eee5ff;color:#6d3bc2}.change-status.project i{background:#8c54e9}
.change-status.accepted{background:#e0efff;color:#0969bd}.change-status.accepted i{background:#188ee5}
.change-status.soon{background:#fff1ca;color:#a76a00}.change-status.soon i{background:#f2b62c}
.change-date{display:flex;align-items:center;gap:5px;color:#667e96;font-size:10.5px}.change-date svg{width:15px;height:15px}
.change-arrow{font-size:23px;color:#7890a6}
.changes-empty{padding:28px 18px;text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.52)}
.changes-empty b{display:block;font-size:13px;margin-bottom:6px}.changes-empty span{font-size:11px;color:var(--muted)}

@media(max-width:390px){
  .changes-filter{min-height:41px;padding:0 13px}
  .changes-control{padding:14px 12px 12px}
  .control-card{flex:0 0 82%}
  .change-card{grid-template-columns:50px minmax(0,1fr) 12px;padding:13px 12px;min-height:120px}
  .change-icon{width:49px;height:49px}
  .change-title-row{display:block}
  .change-status{width:max-content;margin-top:7px}
}