/* v0.6.6: cabinet forms, approved green palette and mobile wrapping. */
.server-profile{display:flex;gap:13px;align-items:center;margin-bottom:18px}
.server-profile>div{min-width:0;overflow-wrap:anywhere}
.server-notice{padding:12px 14px;margin:0 0 16px;border:1px solid #cbdcc9;border-radius:12px;background:#edf4e9;color:#315a47;overflow-wrap:anywhere}
.server-notice.server-error{background:#fff5eb;border-color:#e7c6a6;color:#754721}
.dash-task strong,.soft-panel strong,.chat-thread strong{overflow-wrap:anywhere}
.dash-task .tag,.chat-thread .tag,.soft-panel .tag{display:inline-block;margin:5px 0 5px 8px;white-space:normal}
#modalContent .dash-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#modalContent .dash-controls .btn{white-space:normal}
#modalContent textarea{resize:vertical}
#modalContent form .btn:disabled{opacity:.55;cursor:wait}
.dash-role-action{display:inline-flex;position:relative;min-width:0;max-width:100%}
.dash-role-tooltip{position:absolute;top:calc(100% + 7px);left:0;z-index:5;width:260px;padding:12px 14px;border-radius:12px;border:1px solid #cbdcc9;background:#f4f8f1;color:#315a47;box-shadow:0 8px 24px #243f3224;font-size:13px;line-height:1.5;overflow-wrap:anywhere;visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.dash-role-action:hover .dash-role-tooltip,.dash-role-action:focus-within .dash-role-tooltip{visibility:visible;opacity:1;transform:translateY(0)}
.dash-role-action.hint-dismissed .dash-role-tooltip{visibility:hidden;opacity:0}
.dash-role-mobile-help,.request-intent{font-size:13px;line-height:1.6;color:#425c4b;background:#f4f8f1;border:1px solid #dce6d8;border-radius:12px;padding:12px 14px;margin:0 0 16px}
.dash-role-mobile-help{display:none}
@media(hover:none){.dash-role-tooltip{display:none}.dash-role-mobile-help{display:block}}
@media(prefers-reduced-motion:reduce){.dash-role-tooltip{transition:none;transform:none}}
@media(max-width:620px){
 #modalContent .dash-controls .btn{max-width:100%;padding:10px 12px;min-height:42px}
 #modalContent .role-options{grid-template-columns:1fr}
 #modalContent .server-profile{align-items:flex-start}
}
@media(max-width:360px){
 .header-inner{width:100%;min-width:0;padding-inline:12px}
 .brand-v063{font-size:17px;gap:6px}
 .header-actions{min-width:0}
 .header-actions .btn{padding:9px 8px;font-size:10px}
 #accountBtn{max-width:82px;white-space:normal;line-height:1.2}
}
.btn{position:relative;font-weight:800;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease}
.btn-primary{background:linear-gradient(#4a8f6c,#2a5a44);color:#fff;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.18),0 5px 0 #1c3b2e,0 10px 18px rgba(20,45,35,.28)}
.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-3px);background:linear-gradient(#54a078,#2f6750);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.16),0 8px 0 #1c3b2e,0 16px 24px rgba(20,45,35,.3);outline:none}
.btn-primary:active{transform:translateY(3px);box-shadow:inset 0 3px 6px rgba(0,0,0,.28),0 1px 0 #1c3b2e}
.btn-light{background:linear-gradient(#fff,#e8eee6);color:#1c3d32;border:1px solid #c5d2c4;box-shadow:inset 0 1px 0 #fff,0 4px 0 #b7c4b5,0 8px 14px rgba(30,45,35,.12)}
.btn-light:hover,.btn-light:focus-visible{transform:translateY(-2px);background:linear-gradient(#fff,#dfe8dc);box-shadow:inset 0 1px 0 #fff,0 6px 0 #a9b8a7,0 12px 18px rgba(30,45,35,.16);outline:none}
.btn-light:active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(0,0,0,.12),0 1px 0 #b7c4b5}
.chip{border:1px solid #c5d2c4;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d5ddd2,0 6px 10px rgba(30,40,30,.08)}
.chip:hover,.chip:focus-visible{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 5px 0 #c5d0c3,0 10px 14px rgba(30,40,30,.12);outline:none}
.chip.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 0 #1c3b2e,0 8px 14px rgba(20,45,35,.2)}
#requests .filters .chip,#requests .filters .extra-cat{
 background:linear-gradient(#f6fff8,#e3f3e8);
 color:#1c4a38;
 border:1px solid #8fc9a0;
 border-radius:999px;
 font-weight:800;
 box-shadow:
  inset 0 1px 0 #fff,
  0 4px 0 #2a6b4a,
  0 10px 18px rgba(30,80,50,.18),
  0 0 9px 1px rgba(72,210,130,.13);
}
#requests .filters .chip:hover,#requests .filters .extra-cat:hover{
 transform:translateY(-2px);
 box-shadow:
  inset 0 1px 0 #fff,
  0 6px 0 #245c40,
  0 14px 22px rgba(30,80,50,.22),
  0 0 12px 2px rgba(80,230,140,.20);
}
#requests .filters .chip.active{
 background:linear-gradient(#4aa876,#246348);
 color:#fff;
 border-color:#1e5a3e;
 box-shadow:
  inset 0 1px 0 rgba(255,255,255,.35),
  0 4px 0 #163d2a,
  0 10px 18px rgba(20,60,40,.28),
  0 0 12px 2px rgba(90,255,160,.18);
}
.honor-board{margin:36px 0 28px}
.honor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:12px 0 28px}
.honor-card{background:#fff;border:2px solid #2f3d34;border-radius:16px;padding:16px 16px 14px;box-shadow:0 8px 20px #243f3214}
.honor-card .stars{color:#f59f00;letter-spacing:2px;font-size:16px;margin:0 0 8px}
.honor-card p{margin:0 0 8px;font-size:14px;line-height:1.5;color:#24362c}
.honor-card .hint{margin:0}
.mission-text{max-width:720px;font-size:17px;line-height:1.7;color:#24362c}
.mission-text p{margin:0 0 14px}