/* v32: brighter Inspirator workspace with a subtle dedicated navigation shape */
body:has(.inspirator-zone),body:has(.inspirator-zone) .shell{background:#f5f8fc;color:#183257}
body:has(.inspirator-zone) header{background:#fff;border-bottom:1px solid #e6edf6}
.inspirator-zone{background:linear-gradient(180deg,#f8fbff 0%,#f3f8f7 100%);color:#183257;border-radius:28px;box-shadow:none;padding:22px 26px 118px}
.inspirator-zone .inspirator-workspace-head{padding:4px 0 18px}
.inspirator-zone .workspace-back{background:#eaf2ff;border:1px solid #d7e5fc;color:#2861ce}
.inspirator-zone .tiny{color:#079788;letter-spacing:.11em}
.inspirator-zone .inspirator-workspace-head h1{color:#183257;font-size:42px;line-height:1.06;margin:22px 0 12px}
.inspirator-zone .inspirator-workspace-head>p{color:#70829e;font-size:18px;line-height:1.6;max-width:650px}
.inspirator-zone .inspirator-identity{border:0;background:transparent;padding:18px 0 0}
.inspirator-zone .inspirator-identity b{color:#183257;font-size:19px}
.inspirator-zone .inspirator-identity small{color:#7f90a9;font-size:15px}
.inspirator-zone .avatar{background:#e3edff;color:#2861ce}
.inspirator-zone .workspace-level{background:#e6f7f2;color:#008d7e;border-color:#ccefe6}
.inspirator-zone .inspirator-highlight{background:linear-gradient(135deg,#1748b4,#2866dc 57%,#19aaa2);box-shadow:0 16px 32px rgba(34,91,191,.2);border-color:transparent}
.inspirator-zone .inspirator-highlight small,.inspirator-zone .inspirator-highlight b,.inspirator-zone .inspirator-highlight span{color:#fff}
.inspirator-zone .inspirator-highlight button{background:rgba(255,255,255,.14);border-left-color:rgba(255,255,255,.35);color:#fff}
.inspirator-zone .workspace-metrics{gap:13px;margin:18px 0}
.inspirator-zone .workspace-metrics article{min-height:162px;background:#fff;border-color:#e0e9f4;box-shadow:0 8px 22px rgba(34,63,110,.06);padding:20px 17px}
.inspirator-zone .workspace-metrics small{font-size:14px;color:#657896;line-height:1.35}
.inspirator-zone .workspace-metrics b{font-size:27px;line-height:1.1;color:#183257;margin:14px 0 11px;letter-spacing:-.045em}
.inspirator-zone .workspace-metrics span{font-size:14px;font-weight:700;line-height:1.35;color:#058c7d}
.inspirator-zone .workspace-card{background:#fff;border-color:#e0e9f4;box-shadow:0 8px 22px rgba(34,63,110,.055)}
.inspirator-zone .workspace-card h1,.inspirator-zone .workspace-card h2,.inspirator-zone .workspace-card b{color:#183257}
.inspirator-zone .workspace-card p,.inspirator-zone .workspace-card small{color:#71839f}
.inspirator-photo-upload,.inspirator-photo-banner{display:flex;width:100%;height:202px;margin:4px 0 18px;border-radius:25px;overflow:hidden;border:1px solid #dde8f2;background:#eaf2f8;position:relative}
.inspirator-photo-banner{padding:0;cursor:zoom-in}
.inspirator-photo-banner img{width:100%;height:100%;object-fit:cover;display:block}
.inspirator-photo-upload{flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1.5px dashed #9eb9d9;background:linear-gradient(135deg,#edf6ff,#e9fbf6);cursor:pointer;color:#183257}
.inspirator-photo-upload input{display:none}
.inspirator-photo-upload .upload-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#2362d7;font-size:29px;line-height:1;box-shadow:0 5px 14px rgba(29,81,177,.12)}
.inspirator-photo-upload b{font-size:16px}
.inspirator-photo-upload small{max-width:330px;text-align:center;color:#71839f;font-size:13px}
.compact-next{padding:20px 22px!important}
.compact-next h2{font-size:25px!important;margin:6px 0 0!important}
.compact-next p{font-size:15px!important;line-height:1.5!important;margin:12px 0!important}
.compact-next .workspace-progress{height:9px;margin:12px 0 14px;background:#e7eef7}
.compact-next .workspace-progress i{background:linear-gradient(90deg,#09a795,#2f6de4)}
.compact-next .text-button{font-size:15px;padding:0}
.inspirator-zone .pill{background:#e7f7f3;color:#008d7e}
.inspirator-zone .leader-row,.inspirator-zone .activity-line,.inspirator-zone .module-row{border-bottom-color:#e8eff7}
.inspirator-zone .leader-row strong,.inspirator-zone .activity-line strong{color:#078f80}
.media-zoom img{display:block;max-width:min(88vw,600px);max-height:70vh;border-radius:20px;object-fit:contain}
.media-zoom p{text-align:center;color:#6b7f9e;font-size:14px}
.level-modal{max-width:500px}
.level-modal h2{font-size:29px;color:#183257;margin:8px 0}
.level-modal>p{color:#6f819c;line-height:1.55}
.modal-req{margin-top:18px;border-top:1px solid #e6edf5;padding-top:10px}
.modal-req div{border-bottom:1px solid #edf1f6}
body:has(.inspirator-zone) #bottom-nav{background:rgba(255,255,255,.95);border-top:1px solid #e4ebf4;box-shadow:0 -6px 26px rgba(35,67,113,.08)}
body:has(.inspirator-zone) .bottom-item{color:#8393aa}
body:has(.inspirator-zone) .bottom-item.active{color:#087e73}
body:has(.inspirator-zone) .bottom-item.active .nav-icon{background:linear-gradient(135deg,#e2f7f1,#dce9ff);color:#087e73;border-radius:15px;box-shadow:0 7px 18px rgba(26,124,113,.12)}
body:has(.inspirator-zone) .nav-item.active{background:linear-gradient(135deg,#e2f7f1,#dce9ff);color:#087e73;border-radius:16px}
@media(max-width:700px){
  .inspirator-zone{padding:18px 16px 108px;border-radius:0}
  .inspirator-zone .inspirator-workspace-head h1{font-size:35px}
  .inspirator-zone .inspirator-workspace-head>p{font-size:16px}
  .inspirator-zone .workspace-metrics{gap:8px}
  .inspirator-zone .workspace-metrics article{min-height:141px;padding:14px 11px;border-radius:18px}
  .inspirator-zone .workspace-metrics small{font-size:11px}
  .inspirator-zone .workspace-metrics b{font-size:20px;margin:11px 0 8px}
  .inspirator-zone .workspace-metrics span{font-size:11px}
  .inspirator-photo-upload,.inspirator-photo-banner{height:160px;border-radius:20px;margin-bottom:14px}
  .compact-next{padding:18px!important}
  .compact-next h2{font-size:23px!important}
}