.workframe_s { width: 100%; padding: 20px 0 }
.table-container {background-color: #ffffff;border-radius: 16px;box-shadow: 0 5px 30px rgba(45,106,79,0.1);overflow: hidden;padding: 0;border: 1px solid rgba(255,255,255,0.5);width: 90%;margin: auto;}
table#estimate thead tr { background: linear-gradient(135deg,#2d6b4f,#41916d); color: #fff; }
table#estimate{width:100%;border-collapse:collapse;margin-bottom:0;white-space:nowrap}
table#estimate th{color:#ffffff;font-weight:600;padding:15px;text-align:left;}
table#estimate th:first-child{border-top-left-radius:6px}
table#estimate th:last-child{border-top-right-radius:6px}
table#estimate td{padding:12px 15px;vertical-align:middle;color:#555}
table#estimate td.q_control{border-bottom:0px solid #e9ecef;border:0px var(--g_200) solid;}
table#estimate tr:nth-child(even){background-color: rgb(247 255 249 / 20%);}
table#estimate tr:hover{background-color: rgb(247 255 249 / 30%);}
table#estimate td img{width: 80px;aspect-ratio: 1 / 1;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;vertical-align:middle;display:block}
select {background: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 5l-6.5 7L1 5' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") white no-repeat calc(100% - .5em) 50% / auto .8em;}

table#estimate tr.added-item{
    position: relative;
    width: 100%;
    background-color: rgb(232 239 234 / 60%);
}
table#estimate tr.added-item td:nth-child(1){
    color: #f1f5f2;
}

select,input[type="number"],input[type="text"]{width:100%;padding: 10px 12px;border: 1px solid #cce3de;border-radius: 8px;background-color: #f8fdfa;font-size: 14px;color: #1f4c39;outline: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-sizing: border-box;font-weight: 500;}
select:focus,input:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}

.q_control{display:flex;align-items:center;gap:5px;min-width:120px}
.q_control input[type="number"]{width:60px;text-align:center;-moz-appearance:textfield}
.q_control input[type="number"]::-webkit-outer-spin-button,.q_control input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.q_control button{width: 32px;height: 32px;border: 1px solid #cce3de;background-color: #fff;color: #2d6a4f;border-radius: 50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.2s;position:relative}
.q_control button:hover{background-color:#dee2e6;}
.q_control button:active{background-color:#ced4da;transform:translateY(1px)}

a[data-action="add"],a[data-action="del"]{display:inline-block;padding:6px 12px;font-size:13px;text-decoration:none;border-radius:4px;transition:background-color 0.3s;text-align:center;font-weight:500;cursor:pointer}
a[data-action="add"]{background-color:#2ecc71;color:white;border:1px solid #27ae60}
a[data-action="add"]:hover{background-color:#27ae60}
a[data-action="add"].disabled{background-color:#95a5a6;border-color:#7f8c8d;cursor:not-allowed;pointer-events:none;opacity:0.6}
a[data-action="del"]{background-color:#e74c3c;color:white;border:1px solid #c0392b}
a[data-action="del"]:hover{background-color:#c0392b}
a[data-action="add"],a[data-action="del"] { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; font-size: 13px; text-decoration: none; border-radius: 50px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
a[data-action="add"] { background: linear-gradient(135deg,#3e8c68,#2b674c); color: white; border: 1px solid transparent; }
a[data-action="add"]:hover { box-shadow: 0 4px 12px rgba(45,106,79,0.3); transform: translateY(-1px); }
a[data-action="add"].disabled { background: #e9ecef; color: #adb5bd; box-shadow: none; cursor: not-allowed; pointer-events: none; }
a[data-action="del"] { background-color: #fff; color: #e93d49; border: 1px solid #e63946; }
a[data-action="del"]:hover { background-color: #e43a47; color: #fff; box-shadow: 0 4px 12px rgba(230,57,70,0.2); transform: translateY(-1px); }

table#estimate tr { border-bottom: 1px solid #d8f0db; }
table#estimate td:nth-child(1){font-weight: 700;color: #2d6a4f;}
table#estimate td:nth-last-child(2),table#estimate td:nth-last-child(3){font-family:"Consolas","Monaco",monospace;font-weight:600;color: #1b4131;}
optgroup{font-weight:bold;font-style:normal}
.order_bottom_txt{background-color: #ffffff;padding:15px 20px;border-top:2px solid #ddd;width:100%;box-sizing:border-box;transition:all 0.3s}
.total_box{text-align:right;font-size:1.2rem;color:#333;max-width:1200px;margin:0 auto}
.numtxt{font-weight:bold;color:#d32f2f;font-family:"Consolas",monospace;font-size:1.5rem;margin-left:10px}
.order_bottom_txt.fixed{position:fixed;bottom:0;left:0;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,0.1);background-color:#fff}
.order_bottom_txt.absolute-bt{position:absolute;bottom:0;left:0;width:100%}

@media screen and (max-width:1140px){
	.table-container { width: 100%; }
	.workframe_s{padding:10px}
	#wrap{padding:0;padding-bottom:80px}
	.table-container{padding: 40px 10px;background-color:transparent;box-shadow:none}
	table#estimate,table#estimate thead,table#estimate tbody,table#estimate th,table#estimate td,table#estimate tr{display:block}
	table#estimate thead tr{position:absolute;top:-9999px;left:-9999px}
	table#estimate tr{background:#fff;border: 1px solid #d8f0db;border-radius: 12px;margin-bottom:15px;padding: 21px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
	table#estimate tr:nth-child(even){background-color:#fff}
    table#estimate tr.added-item:nth-child(even){    background-color: rgb(232 239 234 / 60%);}
	table#estimate td{border:none;border-bottom: 1px solid #d8f0db;position:relative;padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;text-align:right;min-height:24px}
	table#estimate td:last-child{border-bottom:none}
	table#estimate td:before{content:attr(data-label);font-weight:600;color: #2d6a4f;margin-right:15px;flex-shrink:0;font-size:0.95rem}
	table#estimate td[data-label=""]:empty{display:none}
	table#estimate td img{width:60px;height:60px}
	table#estimate td[colspan="2"]{display: flex;text-align:left;align-items: baseline;}
	table#estimate td[colspan="2"]:before{display:block;margin-bottom:8px}
	.q_control{justify-content:flex-end;width:100%}
	table#estimate td:nth-child(1) { border-radius: 16px; overflow: hidden; background: linear-gradient(135deg,#2d6b4f,#41916d); color: #fff; padding-left: 20px; padding-right: 20px; }
	table#estimate td:nth-child(1):before { color: #ffffff; }
	table#estimate tr:hover,.q_control button:hover { background-color: rgb(255 255 255/60%); }
	table#estimate td.q_control { border-bottom: 1px solid #d8f0db; }
	table#estimate tr.added-item td:nth-child(1) { background: #7c9a8a; }
	table#estimate tr.added-item td:nth-child(1) { color: #ebf5ee; }
}