/* 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 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;
}

.main-three-part-grid-container .btn-common {
    color: #3a6ea5;
    background-color: #edf3fa;
    border-color: #c8daf0;
}

.main-three-part-grid-container .btn-common:hover {
    color: #2f5d8f;
    background-color: #dfeaf7;
    border-color: #b3c9e8;
}

.main-three-part-grid-container .btn-warning {
    color: #a87400;
    background-color: #fff8ea;
    border-color: #f0dfa0;
}

.main-three-part-grid-container .btn-warning:hover {
    color: #8f6200;
    background-color: #fff2d6;
    border-color: #e6cf82;
}

.main-three-part-grid-container .btn-info {
    color: #0d7282;
    background-color: #e9f6f8;
    border-color: #b8dde4;
}

.main-three-part-grid-container .btn-info:hover {
    color: #0a5f6d;
    background-color: #daf0f4;
    border-color: #9ecfd8;
}

.main-three-part-grid-container .btn-gray {
    color: #666;
    background-color: #f4f4f5;
    border-color: #ddd;
}

.main-three-part-grid-container .btn-gray:hover {
    color: #444;
    background-color: #ebebec;
    border-color: #ccc;
}

.main-three-part-grid-container .btn-primary {
    color: #3a6ea5;
    background-color: #edf3fa;
    border-color: #c8daf0;
}

.main-three-part-grid-container .btn-primary:hover {
    color: #2f5d8f;
    background-color: #dfeaf7;
    border-color: #b3c9e8;
}

.main-three-part-grid-container .btn-error {
    color: #c0392b;
    background-color: #fef0ef;
    border-color: #f0c4c0;
}

.main-three-part-grid-container .btn-error:hover {
    color: #a93226;
    background-color: #fde4e2;
    border-color: #e8aba5;
}

.main-three-part-grid-container .btn-second-button {
    border: none !important;
    background-color: transparent !important;
    color: #3a6ea5;
}

.main-three-part-grid-container .btn-second-button:hover {
    color: #2f5d8f;
    background-color: #edf3fa !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: #3a6ea5;
}

/* capital-lower, text-center: ghost tool buttons in dense rows */
.main-three-part-grid-container .tool-form-capital-lower .btn-common,
.main-three-part-grid-container .tool-form-text-center .btn-common {
    color: #666;
    font-weight: 400;
    background-color: transparent;
    border-color: #ccc;
}

.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: #1677ff;
    font-weight: 600;
    background-color: transparent;
    border-color: #1677ff;
}

/* datetime tools: solid primary btn-info */
.main-three-part-grid-container .tool-form-age-calculator .form-btn-actions .btn-info,
.main-three-part-grid-container .tool-form-age-calculator .wd-row .btn-info,
.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: #eff2f6;
    background-color: #1568ec;
    border-color: #1568ec;
    font-weight: 400;
}

.main-three-part-grid-container .tool-form-age-calculator .form-btn-actions .btn-info:hover,
.main-three-part-grid-container .tool-form-age-calculator .wd-row .btn-info:hover,
.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: #f5f9ff;
    background-color: #114fb8;
    border-color: #114fb8;
}

/* 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: #0958d9;
}

/* 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;
}

.main-three-part-grid-container .tool-form-text-center .form-input,
.main-three-part-grid-container .tool-form-text-center select.form-input,
.main-three-part-grid-container .tool-form-text-center .form-textarea {
    color: #666;
}

.main-three-part-grid-container .tool-form-text-center .form-input::placeholder,
.main-three-part-grid-container .tool-form-text-center .form-textarea::placeholder {
    color: #aaa;
}

/* 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;
}