/* Construction module stylesheet (plan 08: per-module CSS).
 * Holds the calculator-specific rules extracted from inline <style> blocks in
 * the Construction module views. Loaded only on the pages that need it via the
 * layout's @stack('module-css') + each view's @push('module-css').
 *
 * Selectors are element/class-specific so the file is safe to load on any
 * Construction page. (square-meter-calculator's number-spinner rule stays
 * inline in that view: it is a generic, page+locale-global input[type=number]
 * rule that can't be externalised here without leaking to other pages or
 * regressing its RU variant — see view comment.) */

/* square-yards-calculator — inline-editable result value */
#onetw {
    background: transparent;
    border: none;
    color: #1670a7;
    outline: none;
}

/* pipe-volume-calculator — inline-editable result units */
.resultUnits {
    background: transparent;
    border: none;
    color: #1670a7;
    outline: none;
}

/* room-size-calculator — remove-area button */
.remove-area {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 15px;
    border-radius: 50%;
    background-color: #dc3545;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    transition: background-color .2s, transform .15s;
}
.remove-area:hover {
    background-color: #b02a37;
    transform: scale(1.1);
}