/* CSP hardening: utility classes replacing inline style attributes. */
/* Goal: drop 'unsafe-inline' from style-src. Each class == the original inline style 1:1. */

.cspu-1 { display: none; }
.cspu-2 { min-height: auto; }
.cspu-3 { min-height: 874px; }
.cspu-4 { width: 10%; }
.cspu-5 { max-height: 300px; overflow-y: auto; position: relative; }
.cspu-6 { position: relative; padding-right: 10px; }
.cspu-7 { width: 15%; }
.cspu-8 { color: #7c7c7c; }
.cspu-9 { width: 33.333333%; }
.cspu-10 { min-height: 786px; }
.cspu-11 { width: 20%; }
.cspu-12 { cursor: pointer; }
.cspu-13 { margin-right: 3px; }
.cspu-14 { position: relative; }
.cspu-15 { width: 7%; }
.cspu-16 { background: #21c524; }
.cspu-17 { background: #93a2c9; }
.cspu-18 { background: #fae72d; }
.cspu-19 { color: dimgrey; }
.cspu-20 { display: flex; flex-wrap: wrap; }
.cspu-21 { flex: auto; }
.cspu-22 { margin-right: 90px; }
.cspu-23 { position: absolute; right: 0px; top: 0px; }
.cspu-24 { visibility: hidden; }
.cspu-25 { width: 25%; }
.cspu-26 { width: 70px; }
.cspu-27 { display: block; overflow-y: scroll; height: 300px; }
.cspu-28 { display: none; z-index: 10000; }
.cspu-29 { height: 100%; }
.cspu-30 { height: 123px; overflow: auto; position: relative; }
.cspu-31 { height: calc(100% - 135px); overflow-y: auto; }
.cspu-32 { height: calc(100% - 166px); overflow-y: auto; }
.cspu-33 { height: calc(100% - 218px); overflow-y: auto; }
.cspu-34 { margin-top: 18px; position: relative; }
.cspu-35 { overflow-x: hidden; overflow-wrap: break-word; height: 19px; }
.cspu-36 { width: 100%; }
.cspu-37 { width: 33%; }
.cspu-38 { width: 80px; }
.cspu-39 { width: calc(100% - 150px); }
.cspu-40 { border-left: none; }
.cspu-41 { cursor: none; }
.cspu-42 { display: block; overflow-y: scroll; }
.cspu-43 { display: flex; }
.cspu-44 { display: inline-block; }
.cspu-45 { display: none !important; }
.cspu-46 { display: none; flex: auto; }
.cspu-47 { flex: auto; top: 0; left: 0; position: relative; }
.cspu-48 { float: right; }
.cspu-49 { float: right; width: 100px; margin-top: 3px; margin-right: 3px; }
.cspu-50 { height: 100%; position: relative; }
.cspu-51 { height: 300px; }
.cspu-52 { height: 540px; box-sizing: border-box; margin-top: inherit; }
.cspu-53 { margin-left: 14px; margin-top: 10px; }
.cspu-54 { margin-left: 14px; margin-top: 6px; }
.cspu-55 { margin-left: 5px; height: 27px; border: 1px solid #b5b5b5; border-radius: 3px; line-height: 18px; }
.cspu-56 { margin-right: 130px; }
.cspu-57 { margin-right: 160px; }
.cspu-58 { max-height: 250px; overflow-y: auto; }
.cspu-59 { max-height: 480px; overflow-y: auto; overflow-x: hidden; position: relative; border-top: 1px solid #dbdbdb; }
.cspu-60 { max-height: 99%; height: 100%; }
.cspu-61 { min-height: 750px; }
.cspu-62 { min-height: 832px; }
.cspu-63 { overflow: auto; }
.cspu-64 { overflow-y: auto; overflow-x: hidden; width: auto; height: 200px; }
.cspu-65 { padding: 0 0 0 5px; }
.cspu-66 { padding: 10px; }
.cspu-67 { padding-bottom: 10px; }
.cspu-68 { position: relative; overflow: hidden; width: auto; height: 125px; }
.cspu-69 { text-align: center; }
.cspu-70 { text-align: center; margin: 15px 60px 5px 60px; }
.cspu-71 { text-align: center; margin: 5px 60px; }
.cspu-72 { text-align: left; border-right: none; }
.cspu-73 { width: 34%; }
.cspu-74 { width: 45px; }
.cspu-75 { width: 500px; height: 800px; }
.cspu-76 { width: 55px; }
.cspu-77 { width: 644px; }
.cspu-78 { width: 75%; }
.cspu-79 { width: auto; height: 125px; }

/* manual: restChatRoom.jsp chat_body (conditional on hasMemo) */
.cspu-chatbody-memo { height: calc(100% - 202px); margin-top: 140px; }
.cspu-chatbody-nomemo { height: calc(100% - 162px); margin-top: 100px; }

/*
 * Specificity restore for the endInfo popup (counselor/home.jsp).
 * Its component rule ".layer-wrap.endInfo" (0,2,0) forces display:block and,
 * unlike the other layer-wrap popups, positions it on-screen (top:30%;right:2%)
 * with no left:-9999em offset. The original inline style="display:none" (which
 * wins over everything) kept it hidden until bPopup opened it; the plain
 * .cspu-1 (0,1,0) loses to that component rule, so the popup showed on load.
 * This (0,3,0) rule restores the default-hidden state. bPopup opens via
 * jQuery .fadeTo()/.show() (inline display:block) and closes via .hide()
 * (inline display:none), and inline styles still win over this rule, so
 * open/close behavior is unchanged.
 */
.layer-wrap.endInfo.cspu-1 { display: none; }

/*
 * Specificity restore for the hidden preview textareas (set/selectMessage.jsp).
 * Each message field has a visible textarea plus a hidden "prev..." copy that
 * originally used inline style="display:none". The component rule
 * ".chk-input textarea" (styleDefault.css, 0,1,1) sets display:block, so the
 * plain .cspu-1 (0,1,0) lost to it and the preview textarea showed too
 * (doubled textareas). This (0,2,1) rule wins over the component rule and
 * restores the default-hidden state. No JS toggles these copies.
 */
.chk-input textarea.cspu-1 { display: none; }

/*
 * Specificity restore for the hidden schedule button (manage/workManage.jsp).
 * When !showGenerateButton renders the button with cspu-1, its component rule
 * ".atwork-wrap .fl .filter .sch-write" (content.css, 0,4,0) sets
 * display:inline-block, so the plain .cspu-1 (0,1,0) lost to it and the button
 * that should stay hidden showed. This (0,5,0) rule wins over the component
 * rule and restores the default-hidden state. No JS toggles this button.
 */
.atwork-wrap .fl .filter .sch-write.cspu-1 { display: none; }