/*------------------------------------------------------------*/


.order-grid{display:grid;grid-template-columns:7fr 3fr;gap:20px;margin-top:20px}

@media(max-width:1024px){
    .order-grid{display: block}

}
.order-section{border:1px solid #e5e5e5;border-radius:12px;background:#fff;margin-bottom:30px;overflow:hidden}
.order-section .section-head{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background: #f4f2ee}
.order-section .section-head.v2{background: #5a472b; }
.order-section .section-head h3{font-size:18px;font-weight:700;color:#222;margin:0}
.order-section .section-head.v2 h3{color: #fff!important;}
.order-section .toggle-btn{background:none;border:0;padding:5px;cursor:pointer}
.order-section .section-body{border-top:1px solid #eee;padding:20px}
.patient-grid{display:grid;grid-template-columns:4fr 6fr;gap:20px}
.readonly-mode .patient-grid{display:grid;grid-template-columns:1fr;gap:0px}
.patient-left {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px}
.patient-left button{grid-column: 1 / 3}
.patient-left .form-row{margin-bottom:15px}
.patient-left .form-row label{display:block;font-size: 15px;margin-bottom:5px;color:#444}
.patient-left .form-row input:not([type="checkbox"]){width:100%;}
.readonly-mode .patient-grid .patient-right{display:none}
.patient-right{border:1px solid #eee;border-radius:6px;padding:15px;background:#fafafa}
.patient-right .table tr:first-child > *:first-child {border-top-left-radius:8px;}
.patient-right .table tr:first-child > *:last-child {border-top-right-radius: 8px;}
.patient-right .table .b-pagination-outer {border-radius: 0 0 8px 8px;}
@media(max-width:992px){
    .patient-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
    .order-section .section-head{padding:12px 15px}
    .order-section .section-body{padding:15px}
    .patient-right .tab-buttons button{font-size:13px}
}

.delivery-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.delivery-col h4{margin:0 0 15px;font-size:16px;color:#333;font-weight:700}
.form-row{display:flex;flex-direction:column;margin-bottom:15px}
.form-row label{font-size: 15px;color:#666;margin-bottom:5px}
.recv-options{gap: 10px; display: flex; align-items: center}
.recv-options label{font-size:13px;color:#444;margin-left:10px; display: flex; align-items: center; gap:5px}

.delivery-choose{padding:15px 20px;background:#EFE6D6;border-radius:6px;margin-bottom:25px}
.recv-options{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.recv-options label{display:flex;align-items:center;gap:6px;font-size:14px;color:#333;cursor:pointer}
.recv-options input[type="radio"]{accent-color:#8B6B3F;cursor:pointer}
@media(max-width:900px){
    .delivery-wrap{grid-template-columns:1fr}
}

.request-prescribe #prescribeTableBody input {max-width: 150px}

.rx-top{margin-bottom:20px}
.rx-name-row{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.rx-name-row label{width:80px;font-size: 15px;color:#333}
.rx-name-row input{flex:1;border:1px solid #ddd;border-radius:4px;padding:10px;font-size: 15px;}
.rx-memo-row{display:flex;flex-direction:column;margin-top:10px}
.rx-memo-row label{font-size: 15px;color:#333;margin-bottom:8px}
.rx-memo-row textarea{border:1px solid #ddd;border-radius:4px;padding:12px;height:120px;font-size: 15px;}
.rx-desc{padding: 3px 10px;font-size:13px;color:#7a6a58;background: #f4f2ee}
.rx-action-bar{display:flex;gap:10px;align-items:center;margin-top:10px; width: 100%}
.rx-action-bar .search{position:relative;margin-left:auto; width: fit-content}
.rx-search-result{position:absolute;top:40px;right:0;width: 100%;max-width:450px;background:#fff;border:1px solid #ddd;z-index:20;max-height:250px;overflow:auto}
.rx-search-result::-webkit-scrollbar {display: none;}
.rx-search-result table {width: 100%}
.rx-search-result tr {cursor: pointer;text-align: left;}
.rx-search-result tr:nth-child(odd){cursor:pointer;    background-color:#f6f6f6}
.rx-search-result tr:hover {background-color: #dedede;}
.rx-search-result td{padding:10px;}
.rx-search-result td:first-child{padding-right:0}
.rx-search-result td:nth-child(2) {font-size: 1.2em;letter-spacing: -.5px;}
.rx-table-wrap{overflow-x:auto}
.rx-table thead th{background:#faf7f2;border-bottom:1px solid #e2dcd5;color:#5a472b;font-weight:700}
.rx-total-box{border-top:1px solid #eee;padding-top:15px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px}
.rx-total-box .tit{font-weight:700;color:#5a472b; font-size: 16px}
.rx-total-box p{ font-size: 20px}
.rx-total-box .number{font-weight:700;color:#5a472b; padding: 3px 10px; border-radius: 5px; background: #f4f2ee}
@media(min-width:1024px){
    .rx-search-result{width:450px;}
}

@media(max-width:1024px){
    .rx-name-row{flex-wrap: wrap}
    .rx-name-row label{;width: 100%}
    .rx-action-bar{flex-wrap:wrap}
    .rx-action-bar .search{width:100%;margin-left:0}
    .rx-action-bar input{width:100%}
    .rx-table thead{display:none}
    .rx-table colgroup{display:none}
    .rx-table tbody tr{
        display:grid;
        grid-template-columns:1fr 1fr;
        padding:10px 0;
        border-bottom:1px solid #eee
    }
    .rx-table tbody td{
        display:flex;
        padding:6px 5px;
        align-items:center;
        justify-content:space-between;
        position:relative;
        font-size: 15px;
        text-align: right!important;
    }
    .rx-table tbody td::before{
        content:attr(data-label);
        font-size:12px;
        color:#999;
        width:90px;
        min-width:90px;
        margin-right:10px;

        text-align: left;
    }
    .rx-table tbody td:nth-child(10){
    }
    .rx-table tbody td:last-child{
        grid-column:1/3
    }
    .rx-table tbody td input[type="number"]{
        width: 100px!important;
    }
}
@media(max-width:768px){
    .rx-total-box{
        grid-template-columns:1fr;
        gap:15px
    }
    .rx-total-box p{
        font-size:16px
    }
    .rx-total-box .tit{
        font-size: 15px;
    }
    .rx-total-box .number{
        padding:2px 8px;
        font-size:15px
    }
}
.rx-block{border:1px solid #ddd;padding:15px;border-radius:8px;background:#fafafa;margin-top:20px}
.rx-hwan-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.rx-hwan-row .item{display:flex;align-items:center;gap:10px}
.rx-hwan-row .item .tit{font-weight:600;color:#b25a2b;white-space:nowrap}
.rx-hwan-row .item select{padding:6px 10px;border:1px solid #ccc;border-radius:4px}
.rx-hwan-row .item input[type="text"]{width:60px;padding:6px;border:1px solid #ccc;border-radius:4px;text-align:center}
.rx-hwan-row .item .unit{margin-left:3px;color:#555}
.num-box{display:flex;align-items:center;gap:5px}
.btn-incdec{width:24px;height:24px;border:1px solid #ccc;border-radius:4px;background:#fff;line-height:1;font-size: 15px;padding:0}
.coat-options{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.coat-options label{display:flex;align-items:center;gap:4px;font-size: 15px;}

@media(max-width:768px){
    .rx-hwan-row{gap:10px}
    .rx-hwan-row .item input[type=text]{width:50px}
}

.rx-modal-table {overflow: auto;}
.rx-modal-table table{width:100%;border-collapse:collapse}
.rx-modal-table th,.rx-modal-table td{padding:10px;border-bottom:1px solid #eee;white-space:nowrap}
.detail-row>td{background: #a19e98;}
.detail-row>td .table{margin: 0; background: #fff0}
.detail-row>td .table tr{background: #fff!important;}
.detail-row>td .table td{background: #fff!important;}

.decoc-tang-row{padding:15px 0;border-bottom:1px solid #eee;display:grid;gap:15px;align-items:center}
.decoc-tang-label{font-weight:700;font-size: 16px;color:#444}
.decoc-tang-field{display:flex;align-items:center;gap:10px}

.decoc-tang-row.grid-2{grid-template-columns:150px 1fr}
.decoc-tang-row.grid-3{grid-template-columns:150px repeat(4,1fr) auto}

.decoc-tang-flex{display:flex;align-items:center;gap:6px}
.decoc-tang-num{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}
.decoc-tang-num input{width:60px;border:0;text-align:center}
.decoc-tang-num .btn-minus,.decoc-tang-num .btn-plus{background:#f7f7f7;border:0;width:30px;height:32px;font-size:16px}
.decoc-tang-field .unit{color:#888;font-size: 15px;}

@media(max-width:992px){
    .decoc-tang-field {order: 2; grid-column: 1 / 8}
    .decoc-tang-field:has(.btn) {order: 1; justify-content: end; grid-column: 4 / 8}
    .decoc-tang-flex {width: 100%;}
    .decoc-tang-num {width: 100%;justify-content: space-between;}
    .decoc-tang-flex input{width: 100%;}
}
@media(max-width:700px){
    .decoc-tang-row.grid-2{grid-template-columns:1fr}
    .decoc-tang-row{padding:12px 0}
}
.dose-title-wrap{margin-bottom:15px}
.dose-title-input{width:100%;}
.dose-check-wrap{display:flex;gap:20px;margin-bottom:20px;font-size: 15px;color:#444}
.dose-check-wrap label{display:flex;align-items:center;gap:5px}
.dose-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}
.dose-select-item label{display:block;margin-bottom:5px;font-size: 15px;font-weight:600;color:#5a472b}
.dose-select-item select{width:100%;}
.dose-alert-box{background: #ba0c0c;color:#fff;padding:15px;border-radius:4px;margin-bottom:20px;font-size:16px;display:flex;align-items:center;gap:10px}
#dosageWrap > p {font-size: 12px; font-weight: 800; color: saddlebrown}
#dosageWrap {border:1px solid #ddd;border-radius:4px;overflow: auto;width: 100%;padding: 10px; text-align: center;background-color: #faf8f7;
    background-image: repeating-linear-gradient(0deg, #ece6e2 0 1px, transparent 1px 20px), repeating-linear-gradient(90deg, #ece4e2 0 1px, transparent 1px 20px);}
.dose-editor-wrap textarea{ padding: 0 1mm;resize: none;overflow: hidden;font-size: 18px !important;width: 168mm;word-break: break-all; height: 410px; border: 1px dashed saddlebrown; margin: 0 auto; border-radius: 5px}
.dose-file-wrap{margin-top:15px;display:flex;align-items:center;gap:15px}
.file-label{cursor:pointer;display:inline-block;background:#e5e5e5;padding:8px 15px;border-radius:4px;font-size: 15px;}
.file-label input{display:none}
.file-desc{font-size: 15px;color:#555}
@media(max-width:900px){
    .dose-select-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .dose-select-grid{grid-template-columns:1fr}
}

@media(max-width:768px){
    .dose-table{min-width:100%}
}

.pack-group{margin-bottom:30px}
.pack-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.pack-title strong{font-size:18px;color:#5a472b}
.pack-title .sub{font-size:13px;color:#777}

.pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.radio-card{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fafafa;cursor:pointer;transition:.2s}
.radio-card:hover{border-color:#5a472b}
.radio-card:has(:checked){border-color:#b8a48a;background:#5a472b20 }
.radio-card input{display:none}
.radio-card:has(:checked) .name{color:#5a472b;font-weight:800}
.radio-card .thumb{width:100%;aspect-ratio: 1/1;border-radius:6px;background:#f2f2f2;overflow:hidden;position:relative;margin-bottom:10px}
.radio-card .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.radio-card .name{text-align:center;font-size: 15px;color: rgba(68, 68, 68, 0.66);line-height:1.3}

.note-red{font-size:13px;color:#d10d0d}

.pouch-type-select{display:flex;gap:20px;margin-top:10px}
.pouch-type-select label{display:flex;align-items:center;gap:8px;font-size: 16px;color:#444;cursor:pointer}

.warning{padding:12px;background:#fff4f4;border:1px solid #f3d0d0;border-radius:6px}
.warning p{margin:0;font-size: 15px;color:#222}
.warning .txt-red{color:#c20000;margin-top:3px}

.pouch-print-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.pouch-print-options label{display:flex;align-items:center;gap:6px;font-size: 15px;color:#444;cursor:pointer}

.w300{width:300px}

@media(max-width:1200px){
    .pack-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:992px){
    .pack-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    .pack-grid{grid-template-columns:repeat(2,1fr)}
    .section-head h3{font-size:18px}
}
@media(max-width:480px){
    .pack-grid{grid-template-columns:repeat(1,1fr)}
    .pouch-print-options{flex-direction:column;align-items:flex-start}
    .w300{width:100%}
}
.pay-group{margin-top:10px}
.pay-title{font-weight:700;color:#5a472b;margin-bottom:8px}
.pay-method{display:flex;gap:20px}
.point-box {border-top: 1px solid #eee; padding-top: 15px}
.my-point{font-size: 15px;color:#6a6a6a}
.payment {background: #5a472b; padding: 0}
.order-section.payment .section-body {background: #5a472b; padding: 0}
.total-box {background: #1f1f1f; border-radius: 5px}
.sum-box {background: #3b3b3b; border-radius: 5px}
.pay-row{ padding: 15px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(238, 238, 238, 0.06); flex-direction: column}
.pay-row .tit{font-weight:600;color:#fff;font-size: 16px; }
.pay-row .tit .sub{margin-left:6px;color: rgba(255, 255, 255, 0.6);font-weight:400;font-size:13px}
.pay-row .val{color:#fff;font-size:20px; text-align: right; padding: 5px 0 10px}
.pay-row.blue .val{color:#2962ff}
.pay-row.yellow .val{color:#fdd303;font-weight:700}
.pay-row.total .val{font-weight:700;color: #fdd303}
.pay-row.final .val{font-size:18px;font-weight:800;color: #fdd303}
.deli-row{display:flex;align-items:center;gap:10px}
.deli-row input[type=date]{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size: 15px; width: 100%}
.deli-msg{color:#777;font-size:13px}
@media(max-width:768px){

    .my-point{width: 100%; display: flex; justify-content: space-between; align-items: center}
    .pay-row .tit{font-size: 15px;}
    .pay-row .val{font-size: 15px;}
}
.order-right{position:relative}
.order-right .fa-bag-shopping-minus{font-size: 50px;margin-bottom: 10px}
.pay-btn-wrap{position:sticky;top:20px;z-index:30;padding-bottom:20px;background:#fff}
@media(max-width:768px){
    .pay-btn-wrap{position:static}
}
.cart-table .cart-product {display:flex;align-items:center;gap:10px}
.cart-table .thumb img {width:60px;height:60px;object-fit:cover;border-radius:6px}
.cart-table .info strong {font-size: 16px;font-weight:600;display:block}
.cart-table .info .p_price {font-size:13px;color:#777}
.cart-option-list {padding:0;margin:0;list-style:none}
.cart-option-list li {margin:0 0 10px 0}
.cart-option-list li:last-child {margin:0}
.cart-option-list p {font-size: 15px;margin:0 0 4px 0}
.opt-info span {font-size:13px;margin-right:6px}
.opt-info strong {font-size: 15px;}
.total {font-size: 16px;font-weight:600}

@media(max-width:768px){
    .cart-table .cart-product {gap:8px}
    .cart-table .thumb img {width:50px;height:50px}
    .cart-table .info strong {font-size: 15px;}
    .cart-option-list p {font-size:13px}
    .opt-info span,.opt-info strong {font-size:13px}
    .total {font-size: 15px;}
}


.progress-list{background:#fafafa;padding:20px;border-radius:8px}
.progress-item{padding:15px 0;border-bottom:1px solid #eee}
.progress-item:last-child{border-bottom:none}
.progress-msg{width: 100%; padding: 10px; background: #fff; min-height: 65px }
.progress-input input::placeholder{color:#aaa}
@media(max-width:768px){
    .progress-item{flex-direction:column;align-items:flex-start;gap:15px}
    .progress-item .flex.ai-c.gap10{width:100%;justify-content:space-between}
    .progress-input .flex{gap:10px;flex-direction:column}
    .progress-input button{width:100%}
}

#progressModal .order-section .section-head {display: none}
#progressModal .order-section .section-body {padding: 0}
.progress-info {display: grid; grid-template-columns: repeat(4, 1fr)}
.progress-info dt {font-size: 20px; color: #846b3d;margin-bottom: 10px}
@media(max-width:768px){
    .progress-info {display: grid; grid-template-columns: repeat(2, 1fr)}
}