/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
span.practicearea {
	display:grid;
	margin-top:30px;
	grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
#formtab .e-n-tabs-heading button{
	flex:1;
}
span.smalltext {
	font-size:12px;
}
.fullrow {
	margin-top:20px;
}
.appselect {
	display:flex;
	gap:20px;
}
.appselect .application-btn p {
	margin:0 !Important;
	text-align:center;
}

.appselect .application-btn {
	cursor:pointer;
	border: 1px solid #dedede;
    background: #f7f7f7;
	color:#444;
	padding: 14px 12px;
		border-radius:5px;
	    flex: 1;
}
.appselect .application-btn.active {
	background:#2E5C82;
	color:#fff;
	border:1px solid #2E5C82;
	    
}
select.applicationtype {
	display:none !important;
}

.ays-survey-section-header {
	padding:0 !important;
	border:0px solid #fff !important;
	box-shadow:none !important;
}
.ays-survey-container .ays-survey-section .ays-survey-question {
	border:0px solid #fff !important
}
.ays-survey-sections .ays-survey-section-title-row-main {
	font-weight:bold;
}
.ays-survey-sections .ays-survey-section-desc {
	line-height:1.4 !important;
}
.ays-survey-question-header-content .ays-survey-question-title p {
	font-size:20px;
	font-weight:bold;
}
.ays-survey-section-buttons {
	text-align:left !important;
}
.ays-survey-thank-you-page .ays-survey-section-buttons {
	text-align:center !important;
}
.ays-survey-answer-clear-selection-container {
	display:block !important;
	margin-top:10px;
}
.elementor-slide-description h2 {
	font-size:55px;
	font-weight:bold;
	font-family:"Asta Sans", Sans-serif;
}
.ays-survey-simple-button-container .ays-survey-button-content .ays-survey-button {
	padding:5px 10px !important;
}
.ays-survey-section-buttons .ays-survey-section-button-container .ays-survey-section-button-content input.ays-survey-section-button:hover ,
 #ays-survey-container-1-69b8c0a98433e .ays-survey-section-buttons .ays-survey-section-button-container .ays-survey-section-button-content input.ays-survey-section-button,
.surveyform .ays-survey-section-buttons .ays-survey-section-button-container .ays-survey-section-button-content .ays-survey-section-button,body.page-id-2008 #ays-survey-container-1-69b8c04f3cf01 .ays-survey-section-buttons .ays-survey-section-button-container .ays-survey-section-button-content .ays-survey-section-button {
	color:#fff !important;
}
.ays-survey-section-questions > .ays-survey-question.ays-survey-modern-theme-question {
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	    padding: 0 !important;
} 
.ays-survey-container .ays-survey-section .ays-survey-question-box {
	width:100% !important;
}
.ays-survey-section-questions > .ays-survey-question.ays-survey-modern-theme-question {
	padding-top:0;
	padding-bottom:0;
}
.ays-survey-thank-you-page p{
	font-size: 26px;
    
}
body.page-id-2027 .ays-survey-section-buttons .ays-survey-section-button-container .ays-survey-section-button-content button.ays-survey-section-button {
	font-size: 22px !important;
    padding-left: 38px !important;
    padding-right: 38px !important;
    padding-top: 5px !important;
    padding-bottom: 6px !important;
    background-color: #2e5c82 !important; 
    letter-spacing: 0px !important;
    height: initial !important;

	font-weight:bold !important;
}
body.page-id-2027 #surveyform .ays-survey-section-buttons .ays-survey-section-button-container .ays-survey-section-button-content .ays-survey-section-button {
	color:#fff !important;
}
.hide {
	display:none !Important;
}
body {
	word-break: keep-all ;
}
.elementor-slide-description h2 {
	font-size:55px;
	font-weight:bold;
	font-family:"Asta Sans", Sans-serif;
}

.halfr {
	display:flex;
	gap:20px;
}
.halfr > div {
	flex: 1;
	min-width: 0; /* Prevents flex items from overflowing */
}
.halfr label, .fullr label {
	display:block;
	margin-bottom:10px;
}
.fullr br {
	display:none;
}
.wpcf7 input[type=text], .wpcf7 input[type=email],.wpcf7 input[type=tel], .wpcf7 select {
	background:#f7f7f7;
	border:1px solid #E6E6E6;
	width:100%;
	display:block;
}
.wpcf7 textarea {
	height:100px;
	background:#f7f7f7;
	border:1px solid #E6E6E6;
}
.wpcf7 .submit input{
	display:block;
	width:100%;
	background:#363636;
	color:#fff;
	border:0px solid #fff;
	font-size:18px;
	padding:15px;
}
.wpcf7-spinner {
	position:absolute;
}
.h-captcha {
	display:block;

}
#filerow .wpcf7-form-control-wrap {
	width:32.33%;
	display:inline-block;
	font-size:14px;
}
#filerow .wpcf7-form-control-wrap input {
	font-size:14px;
}

.disclaimer {
	color:#000;
	font-size:14px;
}
#homelongform input, #homelongform select {
	font-size:14px;
}
#homelongform select {
	display:block;
	width:100%;
}
.consult-content p {
	margin-bottom:0;
}
#topmenu .mobileonly{
	display:none !Important;
}
.gt_selector {
	border-radius:4px;
	padding:17px;
}
.kcls-law-form input[type="date"] {
	width: 100%;
    margin-top: 4px;
    padding: 14px 12px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #dedede;
    background: #f7f7f7;
    box-sizing: border-box;
}
.kcls-law-form label {
	display:block;
}
.mobiletranslate .gt_selector {
	background:none;
	color:#fff;
	border:0px solid #fff;
	padding:5px;
	
}
.mobiletranslate .gt_selector option {
	background:#000;
}

.mobiletranslate  select {
  /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* Add custom white arrow */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  
  /* Add padding to prevent text from overlapping arrow */
  padding-right: 40px;
}
.nextstep {
	text-align:center;
	margin-top:20px;
}
#tostep2, #tostep1 {
	background:#2E5C82;
	color:#fff;
	border:0px solid #fff;
	border-radius:8px;
}
.formheader {
	display:flex;
	gap:10px;
}
.line {
	    direction: ltr;
    display: flex;
    margin: 0;
	padding-block-start: 15px;
    padding-block-end: 15px;
	
}
.line p {
	border-block-start: 1px solid #dedede;
	width:100%;
	display:block;
}
.formheader div {
	flex:1;
}
.formheader p {
	margin-bottom:0;
}
.steptitle{
	text-align:center;
	background:#CBD0D6;
	font-family: "Noto Sans KR", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
	border-radius:8px;
	padding:5px;
}
.kcls-row-2 p {
	margin-bottom:10px;
}
.homeservice a{display:block !important;padding:10px;}
.homeservice .elementor-widget-image a {
	padding-top:20px;
}
.homeservice h3 a {padding-bottom:20px;}
.homeservice:hover img {
  filter: brightness(0) invert(1);
}
.homeservice:hover h3 {
	color:#fff !Important;
}
span.gender {
	margin-top:20px;
	display: block;
}
span.checkradio {
	display: block;
	margin-top:20px;
}

#wppb-login-wrap {
	padding:20px;
	background:#efefef;
}
.form-submit .button {
	display:block;
	background:#2E5C82;
	color:#fff;
	width:100%;
	border:0px solid #fff;
}
.wppb-form-field:not(#select_user_to_edit_form .wppb-form-field, .wppb-checkbox-terms-and-conditions, .wppb-gdpr-checkbox, .wppb-subscription-plans) label:not(.wppb-checkboxes label, .wppb-radios label, .login-remember label), #pms-subscription-plans-discount label, .pms-invite-code-name-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label,.wppb-form-field input[type="text"], .wppb-form-field input[type="number"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="search"], .wppb-form-field select, .wppb-form-field textarea, .wppb-form-field .wppb-password-field-container, .wppb-checkboxes, .wppb-radios, #wppb-login-wrap .login-username input, #wppb-login-wrap .login-auth input {
	float:none;
	width:100% !important;
	margin-bottom:5px;
}

.case-note-section {
	background: white; padding: 25px; margin-bottom: 30px; border: 1px solid #dee2e6; border-radius: 8px;
}
.case-note-section h3 {
	margin-top: 0; color: #333; border-bottom: 2px solid #007bff; padding-bottom: 10px;
}
.notedetails {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;
}

.case-notes-editor {
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 25px;
            margin: 20px 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .notes-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #0073aa;
        }
        
        .notes-header h3 {
            margin: 0;
            color: #0073aa;
            font-size: 24px;
        }
        
        .view-doc-btn {
            background: #0073aa;
            color: white;
            padding: 8px 16px;
            text-decoration: none;
            border-radius: 4px;
            font-size: 14px;
            transition: background 0.3s;
        }
        
        .view-doc-btn:hover {
            background: #005177;
            color: white;
        }
        
        .notes-meta {
            background: #f0f0f0;
            padding: 10px;
            border-radius: 4px;
            margin-bottom: 15px;
            color: #666;
        }
        
        .notes-form {
            margin-top: 15px;
        }
        
        #case-notes-textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #ddd;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            line-height: 1.6;
            resize: vertical;
            transition: border-color 0.3s;
        }
        
        #case-notes-textarea:focus {
            outline: none;
            border-color: #0073aa;
            box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
        }
        
        .notes-actions {
            margin-top: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .button {
            padding: 12px 24px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .button-primary {
            background: #0073aa;
            color: white;
        }
        
        .button-primary:hover:not(:disabled) {
            background: #005177;
        }
        
        .button-secondary {
            background: #f0f0f0;
            color: #333;
        }
        
        .button-secondary:hover {
            background: #e0e0e0;
        }
        
        .button:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }
        
        .save-status {
            margin-left: 15px;
            font-weight: 500;
            display: inline-block;
            min-width: 150px;
        }
        
        .save-status.success {
            color: #46b450;
        }
        
        .save-status.error {
            color: #dc3232;
        }
        
        .save-status.loading {
            color: #0073aa;
        }
        
        .notes-info {
            margin-top: 15px;
            padding: 12px;
            background: #fff3cd;
            border-left: 4px solid #ffc107;
            border-radius: 4px;
            font-size: 13px;
            color: #856404;
        }
        
        .error-notice {
            background: #f8d7da;
            color: #721c24;
            padding: 15px;
            border-radius: 4px;
            border-left: 4px solid #f5c6cb;
        }
        
        /* Loading spinner */
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .loading-spinner {
            display: inline-block;
            width: 14px;
            height: 14px;
            border: 2px solid #f3f3f3;
            border-top: 2px solid #0073aa;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin-right: 8px;
        }

.field-item h4 {
	font-size:18px;
	margin-top:15px;
	margin-bottom:5px;
}

a.button {
	    background-color: #2E5C82;
    font-family: "Asta Sans", Sans-serif;
    font-weight: 500;
    padding: 10px;
    color: #fff;
    display: inline-block;
}
.solicitor-table {
	margin-bottom:20px;
}
/*tablet landscape*/
@media screen and (min-width:1600px) {
	#homeslider .swiper-slide-contents {
		margin-left:9%;
	}
}
@media screen and (min-width:821px) and (max-width:1024px) {
	.kcls-law-form {
		padding:20px;
	}
	.kcls-law-form input[type="date"]{
		display:block;
		max-width:98%;
	}
	#uc_fullscreen_navigation_menu_elementor_448fb47 .ue_menu div div ul li {
		margin:15px !important;
	}
}

/*tablet portrait*/
@media screen and (min-width:768px) and (max-width:820px) {
	.kcls-law-form {
		padding:20px;
	}
	#uc_fullscreen_navigation_menu_elementor_448fb47 .ue_menu div div ul li {
		margin:15px !important;
	}
	.kcls-law-form input[type="date"]{
		display:block;
		max-width:98%;
	} 
	.elementor-slide-description h2 {
		font-size:50px;
	}
	#filerow .wpcf7-form-control-wrap  {
		display:block;
		width:100%;
	}
	#formtab form, #formtab .kcls-law-form{
		padding:0;
		margin:0;
	}
}

/*all mobile*/
@media screen and (max-width:767px) {
	#formtab .e-n-tabs-heading button {
		flex:auto;
	}
	.appselect p { 
		display:block;
		        margin-bottom: 20px !important;
	}
	.appselect p .application-btn {
		display:block;
		margin-bottom:5px;
		width:100%;
	}
	.kcls-law-form {
		padding:0 !important;
	}
	span.wpcf7-acceptance {
		margin:10px 0;
		display: block;
	}
	span.practicearea {
		display:block;
	}
	.kcls-law-form span.practicearea label {
		margin-bottom:15px;
	}
	.kcls-divider {
		margin:15px 0 ;
	}
	.kcls-row-2 p {
		margin-bottom:10px !important;
	}
	.kcls-row-2 p br {
		display:none;
	}
	.solicitor-registration-section, .solicitor-edit-section {
		max-width:100%;
		min-width:100% !important;
	}
	.formheader{
		display:block;
		margin-bottom:10px;
	}
	.line {
		display:none;
	}
	select {
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none;
	}
	.halfr {
		display:block;
	}
	.elementor-slide-description h2 {
		font-size:33px;
	}
	.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
		flex-direction:row;
		display:flex;

	}
	.elementor-88 .elementor-element.elementor-element-7e44547 .elementor-image-box-img img {
		position:relative;
		left:22vw;
	}
	#filerow .wpcf7-form-control-wrap  {
		display:block;
		width:100%;
	}
	.wpcf7 form {
		padding:10px 0 !Important ;
		margin:0 !Important;
	}
	.wpcf7-form p, .wpcf7-form label {
		margin-bottom:0;
	} 
	.kcls-row-2 {
		gap:0 !important;
	}
	
	
}

/*mobile portrait*/
@media screen and (max-width:479px) {

}


/* ========================================
   Case Note Styles
   ======================================== */

/* Main Container */
.case-note-details {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section Styles */
.case-section {
    background: white;
    padding: 25px;
    margin-bottom: 30px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
}

.case-status-section {
    background: #f8f9fa;
    border: none;
}

/* Section Titles */
.section-title {
    margin-top: 0;
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.section-title-blue {
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

.section-title-green {
    border-bottom: 2px solid #28a745;
    padding-bottom: 10px;
}

.section-title-google {
    border-bottom: 2px solid #0f9d58;
    padding-bottom: 10px;
}

.title-with-icon {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Status Grid */
.status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.status-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Status Badges */
.status-badge {
    padding: 8px 16px;
    color: white;
    border-radius: 20px;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    width: fit-content;
}

.status-new {
    background: #6c757d;
}

.status-scheduled {
    background: #007bff;
}

.status-awaiting {
    background: #ffc107;
    color: #333;
}

.status-not-proceeding {
    background: #28a745;
}

.status-closed {
    background: #343a40;
}

/* Field Grid */
.field-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.field-item {
    padding: 10px;
    transition: background 0.2s;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.field-item:hover {
    background: #f8f9fa;
    border-radius: 5px;
}

.field-full {
    grid-column: 1 / -1;
}

.field-label {
    color: #666;
    font-weight: 600;
    font-size: 14px;
}

.field-value {
    font-size: 16px;
    color: #333;
}

.field-textarea {
    font-size: 16px;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    white-space: pre-wrap;
    color: #333;
}

/* Editor Styles */
.case-editor {
    background: white;
    padding: 25px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 30px;
}

.editor-title {
    margin-top: 0;
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.editor-title-green {
    border-bottom: 2px solid #28a745;
    padding-bottom: 10px;
}

.editor-title-google {
    border-bottom: 2px solid #0f9d58;
    padding-bottom: 10px;
}

/* Form Styles */
.case-form {
    margin-top: 20px;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
    font-size: 15px;
}

.form-control {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.form-control:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.form-hint {
    color: #666;
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

/* Buttons */
.btn {
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s, transform 0.1s;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn:active {
    transform: translateY(0);
}

.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary {
    background: #007bff;
    color: white;
}

.btn-primary:hover {
    background: #0056b3;
}

.btn-success {
    background: #28a745;
    color: white;
}

.btn-success:hover {
    background: #218838;
}

.btn-google {
    background: #0f9d58;
    color: white;
}

.btn-google:hover {
    background: #0d8248;
}

.btn-danger {
    background: #dc3545;
    color: white;
}

.btn-danger:hover {
    background: #c82333;
}

.button-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Form Messages */
.form-message {
    margin-top: 15px;
    padding: 12px;
    border-radius: 5px;
    display: none;
}

.form-message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    display: block;
}

.form-message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    display: block;
}

/* Google Sheet Styles */
.sheet-display {
    margin-bottom: 20px;
    padding: 15px;
    background: #f1f8f4;
    border-left: 4px solid #0f9d58;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.sheet-info {
    flex: 1;
    min-width: 200px;
}

.sheet-link {
    color: #0f9d58;
    text-decoration: none;
    word-break: break-all;
    font-size: 14px;
}

.sheet-link:hover {
    text-decoration: underline;
}

.no-sheet {
    color: #666;
    font-style: italic;
    margin-bottom: 20px;
}

/* Timeline Styles */
.case-history {
    background: white;
}

.timeline {
    margin-top: 20px;
}

.timeline-item {
    padding: 15px;
    margin-bottom: 15px;
    background: #f8f9fa;
    border-left: 4px solid #007bff;
    border-radius: 5px;
}

.timeline-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 10px;
}

.timeline-status {
    color: #007bff;
    font-size: 16px;
}

.timeline-date {
    color: #666;
    font-size: 14px;
}

.timeline-note {
    margin: 10px 0 5px 0;
    color: #333;
}

.timeline-user {
    color: #666;
    font-size: 13px;
    font-style: italic;
}

.no-history {
    color: #666;
    font-style: italic;
}

/* Status Display (for non-editors) */
.status-display {
    padding: 15px;
    background: #f8f9fa;
    border-radius: 5px;
    margin-bottom: 20px;
}

#consultation_date, #consultation_time {
	display:inline-block;
	width:48%;
}

#footermenu a {
	padding:15px 15px 16px 15px;
	border:1px solid #000;
	display:block;
	border-radius:5px;
}
#footermenu li {
	margin:0 4px;
}
.solicitor-registration-section, .solicitor-edit-section {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 6px;
	margin-top:20px;
	min-width: 900px;
}


/* Responsive Design */
@media (max-width: 768px) {
	
	
	#consultation_date, #consultation_time  {
		width:100%;
		margin-bottom:5px;
	}
    .case-section,
    .case-editor {
        padding: 20px;
    }
    
    .field-grid {
        grid-template-columns: 1fr;
    }
    
    .form-grid {
        grid-template-columns: 1fr;
    }
    
    .status-grid {
        grid-template-columns: 1fr;
    }
    
    .sheet-display {
        flex-direction: column;
        align-items: stretch;
    }
    
    .timeline-header {
        flex-direction: column;
        gap: 5px;
    }
    
    .button-group {
        flex-direction: column;
    }
    
    .btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
	#footermenu {
		margin-bottom:10px;
	}
	#footermenu a {
		padding:10px 5px  !important;
	}
	.notes-search-form {
		flex-wrap: wrap;
	}
    .case-section,
    .case-editor {
        padding: 15px;
    }
    
    .section-title,
    .editor-title {
        font-size: 18px;
    }
    
    .field-value,
    .field-textarea {
        font-size: 14px;
    }
}