/* cron-tools shell overrides for migrated wode-tools pages */

.main-three-part-grid-container .content {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 1440px),
only screen and (max-width: 1024px),
only screen and (max-width: 980px) {
    .main-three-part-grid-container .content {
        margin-left: 0;
    }
}

@media only screen and (max-width: 640px) {
    .main-three-part-grid-container .content {
        padding-top: 0;
    }
}

/* buttons: medium size, soft palette for dense toolbars */
.main-three-part-grid-container .btn {
    border-radius: 4px;
    padding: .3rem .65rem;
    margin-right: 5px;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.2;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}

.main-three-part-grid-container .form-btn {
    gap: 0;
    margin-bottom: .4rem;
}

.main-three-part-grid-container .form-btn .btn,
.main-three-part-grid-container .form-btn .form-input,
.main-three-part-grid-container .form-btn .no-clear-form-input {
    margin-bottom: .25rem;
}

.main-three-part-grid-container .form-btn .btn:not(:last-child) {
    margin-right: 5px;
}

.main-three-part-grid-container .form-btn .form-input,
.main-three-part-grid-container .form-btn select.form-input,
.main-three-part-grid-container .form-btn .middle-form-input {
    height: 2rem;
    padding: .3rem .45rem;
    font-size: .875rem;
    font-weight: 400;
}

/* form controls: compact, softer text (labels / selects / inputs) */
.main-three-part-grid-container .form-field label,
.main-three-part-grid-container .mini-form-field label {
    font-size: .875rem;
    font-weight: 400;
    color: #888;
}

.main-three-part-grid-container .form-field .form-input,
.main-three-part-grid-container .form-field select.form-input,
.main-three-part-grid-container .form-field .no-clear-form-input,
.main-three-part-grid-container .mini-form-field .form-input,
.main-three-part-grid-container .mini-form-field select.form-input,
.main-three-part-grid-container .mini-form-field .no-clear-form-input {
    font-size: .8125rem;
    font-weight: 400;
    color: #666;
    height: 2rem;
    padding: .2rem .45rem;
    border-color: #d9d9d9;
    border-radius: 4px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-three-part-grid-container .form-field textarea,
.main-three-part-grid-container .form-field .form-textarea,
.main-three-part-grid-container .form-field .form-textarea-1-row,
.main-three-part-grid-container .form-field .form-textarea-4-row,
.main-three-part-grid-container .form-field .form-textarea-16-row,
.main-three-part-grid-container .mini-form-field textarea,
.main-three-part-grid-container .mini-form-field .form-textarea {
    border-color: #ccc;
    height: initial;
}

.main-three-part-grid-container .form-field textarea:focus,
.main-three-part-grid-container .form-field .form-textarea:focus,
.main-three-part-grid-container .form-field .form-textarea-1-row:focus,
.main-three-part-grid-container .form-field .form-textarea-4-row:focus,
.main-three-part-grid-container .form-field .form-textarea-16-row:focus,
.main-three-part-grid-container .mini-form-field textarea:focus,
.main-three-part-grid-container .mini-form-field .form-textarea:focus {
    border-color: #aaa;
    outline: none;
}

/* 工具页 textarea 文案与 placeholder 统一（同 text-center） */
.main-three-part-grid-container .form-field .form-textarea,
.main-three-part-grid-container .form-field textarea.form-block,
.main-three-part-grid-container .form-field .form-textarea-1-row,
.main-three-part-grid-container .form-field .form-textarea-4-row,
.main-three-part-grid-container .form-field .form-textarea-16-row,
.main-three-part-grid-container .mini-form-field .form-textarea {
    color: #666;
}

.main-three-part-grid-container .form-field .form-input::placeholder,
.main-three-part-grid-container .form-field .no-clear-form-input::placeholder,
.main-three-part-grid-container .form-field .middle-form-input::placeholder,
.main-three-part-grid-container .form-field .form-textarea::placeholder,
.main-three-part-grid-container .form-field textarea::placeholder,
.main-three-part-grid-container .mini-form-field .form-input::placeholder,
.main-three-part-grid-container .mini-form-field .form-textarea::placeholder {
    color: #aaa;
    opacity: 1;
    font-weight: 400;
}

.main-three-part-grid-container .form-field .form-textarea::placeholder,
.main-three-part-grid-container .form-field textarea.form-block::placeholder,
.main-three-part-grid-container .form-field .form-textarea-1-row::placeholder,
.main-three-part-grid-container .form-field .form-textarea-4-row::placeholder,
.main-three-part-grid-container .form-field .form-textarea-16-row::placeholder,
.main-three-part-grid-container .mini-form-field .form-textarea::placeholder {
    font-size: .9rem;
}

.main-three-part-grid-container .form-field .form-input::placeholder,
.main-three-part-grid-container .form-field .no-clear-form-input::placeholder,
.main-three-part-grid-container .form-field .middle-form-input::placeholder,
.main-three-part-grid-container .mini-form-field .form-input::placeholder {
    font-size: .8125rem;
}

.main-three-part-grid-container .form-field select.form-input,
.main-three-part-grid-container .mini-form-field select.form-input,
.main-three-part-grid-container .tool-form-text-center select.form-input {
    padding-right: 1.6rem;
    cursor: pointer;
    background-color: #fff;
}

/* H6 · 双主操作（淡色版）：主操作 + 复制浅蓝实心，其余淡灰描边 */
.main-three-part-grid-container .btn-common,
.main-three-part-grid-container .btn-primary {
    color: #f2f2f2;
    background-color: #3280f8;
    border-color: #3280f8;
    font-weight: 500;
}

.main-three-part-grid-container .btn-common:hover,
.main-three-part-grid-container .btn-primary:hover {
    color: #f2f2f2;
    background-color: #4d93f9;
    border-color: #4d93f9;
}

.main-three-part-grid-container .btn-warning,
.main-three-part-grid-container .btn-copy {
    color: #f2f2f2;
    background-color: #3280f8;
    border-color: #3280f8;
    font-weight: 500;
}

.main-three-part-grid-container .btn-warning:hover,
.main-three-part-grid-container .btn-copy:hover {
    color: #f2f2f2;
    background-color: #4d93f9;
    border-color: #4d93f9;
}

.main-three-part-grid-container .btn-info,
.main-three-part-grid-container .btn-gray,
.main-three-part-grid-container .btn-error {
    color: #737373;
    background-color: #fff;
    border-color: #e3e3e3;
}

.main-three-part-grid-container .btn-info:hover,
.main-three-part-grid-container .btn-gray:hover,
.main-three-part-grid-container .btn-error:hover {
    color: #3280f8;
    border-color: #a8ccf8;
    background-color: #f7faff;
}

.main-three-part-grid-container .btn-second-button {
    color: #737373;
    border: 1px solid #e3e3e3 !important;
    background-color: #fff !important;
}

.main-three-part-grid-container .btn-second-button:hover {
    color: #3280f8;
    border-color: #a8ccf8 !important;
    background-color: #f7faff !important;
}

.main-three-part-grid-container .btn-second-button.one-rem-font-size {
    font-size: .875rem !important;
    height: 2rem;
    padding: .3rem .5rem;
}

.main-three-part-grid-container .common-hide {
    opacity: 0;
    pointer-events: none;
}

.main-three-part-grid-container .btn-clear-btn {
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-right: 6px;
    color: #666;
    font-size: .875rem;
    font-weight: 600;
    height: 2rem;
    cursor: default;
}

.main-three-part-grid-container .global-color {
    color: #3280f8;
}

/* capital-lower, text-center: dense tool rows use secondary gray outline */
.main-three-part-grid-container .tool-form-capital-lower .btn-common,
.main-three-part-grid-container .tool-form-text-center .btn-common {
    color: #737373;
    font-weight: 400;
    background-color: #fff;
    border-color: #e3e3e3;
}

.main-three-part-grid-container .tool-form-capital-lower .btn-common:hover,
.main-three-part-grid-container .tool-form-text-center .btn-common:hover {
    color: #3280f8;
    font-weight: 400;
    background-color: #f7faff;
    border-color: #a8ccf8;
}

/* datetime tools: btn-info is the main compute action → primary blue */
.main-three-part-grid-container .tool-form-calculate-time .form-btn .btn-info,
.main-three-part-grid-container .tool-form-solar-lunar .form-btn .btn-info,
.main-three-part-grid-container .tool-form-24-solar-terms .form-field .btn-info {
    color: #f2f2f2;
    background-color: #3280f8;
    border-color: #3280f8;
    font-weight: 500;
}

.main-three-part-grid-container .tool-form-calculate-time .form-btn .btn-info:hover,
.main-three-part-grid-container .tool-form-solar-lunar .form-btn .btn-info:hover,
.main-three-part-grid-container .tool-form-24-solar-terms .form-field .btn-info:hover {
    color: #f2f2f2;
    background-color: #4d93f9;
    border-color: #4d93f9;
}

/* list-summation & dynamic-text: action row spacing */
.main-three-part-grid-container .tool-form-list-summation .form-btn,
.main-three-part-grid-container .tool-form-dynamic-text .form-btn,
.main-three-part-grid-container .tool-form-add-line-number .form-btn,
.main-three-part-grid-container .tool-form-age-calculator .form-btn-actions {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: .35rem;
}

.main-three-part-grid-container .tool-form-list-summation .tool-result {
    border: none;
    background: transparent;
    padding: .25rem 0 0;
    font-size: 0.96rem;
    font-weight: 600;
    color: #3280f8;
}

/* word-count: see assets/css/text/word-count.css */

/* text-center: compact parameter labels */
.main-three-part-grid-container .tool-form-text-center .tool-param-label {
    display: inline-block;
    line-height: 2rem;
    font-size: .8125rem;
    font-weight: 400;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 0;
    margin: 0 0.35rem 0 0.45rem;
    vertical-align: middle;
}

/* text-center: parameter rows keep button + fields on one line */
.main-three-part-grid-container .tool-form-text-center .form-btn:has(.tool-param-label) {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.main-three-part-grid-container .tool-form-text-center .form-btn:has(.tool-param-label) .btn,
.main-three-part-grid-container .tool-form-text-center .form-btn:has(.tool-param-label) .form-input,
.main-three-part-grid-container .tool-form-text-center .form-btn:has(.tool-param-label) select.form-input,
.main-three-part-grid-container .tool-form-text-center .form-btn:has(.tool-param-label) .tool-param-label {
    flex-shrink: 0;
}

/* 单输入框：12 行（line-height 1.25rem + 上下 padding） */
.main-three-part-grid-container .tool-form-url-codec .form-textarea,
.main-three-part-grid-container .tool-form-md5 .form-textarea,
.main-three-part-grid-container .tool-form-text-center .form-textarea,
.main-three-part-grid-container .tool-form-list-summation .form-textarea,
.main-three-part-grid-container .tool-form-word-count .form-textarea {
    min-height: 15.75rem;
}

/* 双输入框（上下两个 textarea）：各 10 行 */
.main-three-part-grid-container .tool-form-base64-codec .form-textarea,
.main-three-part-grid-container .tool-form-capital-lower .form-textarea,
.main-three-part-grid-container .tool-form-add-line-number .form-textarea,
.main-three-part-grid-container .tool-form-dynamic-text #tool-text,
.main-three-part-grid-container .tool-form-dynamic-text #tool-result {
    min-height: 13.125rem;
}

/* 工具页 textarea 统一内边距 */
.main-three-part-grid-container .tool-form-url-codec .form-textarea,
.main-three-part-grid-container .tool-form-md5 .form-textarea,
.main-three-part-grid-container .tool-form-text-center .form-textarea,
.main-three-part-grid-container .tool-form-list-summation .form-textarea,
.main-three-part-grid-container .tool-form-word-count .form-textarea,
.main-three-part-grid-container .tool-form-base64-codec .form-textarea,
.main-three-part-grid-container .tool-form-capital-lower .form-textarea,
.main-three-part-grid-container .tool-form-add-line-number .form-textarea,
.main-three-part-grid-container .tool-form-dynamic-text #tool-text,
.main-three-part-grid-container .tool-form-dynamic-text #tool-result {
    padding: .5rem .5rem;
    height: initial;
}

/* 单选框：蓝色（比浅蓝更易辨认） */
.main-three-part-grid-container .radio {
    color: #555;
}

.main-three-part-grid-container .radio input[type="radio"] {
    border-color: #bbb;
}

.main-three-part-grid-container .radio input[type="radio"]:hover {
    border-color: #9ec0f6;
}

.main-three-part-grid-container .radio input[type="radio"]:checked {
    border-color: #4d93f9;
}

.main-three-part-grid-container .radio input[type="radio"]:checked::after {
    background: #4d93f9;
}