/*
Theme Name: Success OF View
Theme URI: #
Author: Belal
Author URI: #
Description: Its Personal Sheet Template
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gp;-2.0.html
Tags: blog, e-commerce, education, entertainment, food-and-drink, photography, portfolio.
Text Domain: successofview
*/



.submit-feedback-btn, .no-feedback-btn, .cancel-feedback-btn { padding: 7px 16px; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; transition: box-shadow 0.25s ease, background 0.25s ease, transform 0.2s ease; white-space: nowrap; width: auto; }
.submit-feedback-btn:hover, .no-feedback-btn:hover, .cancel-feedback-btn:hover { box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.4), 0 0 10px rgba(0, 0, 0, 0.15); filter: brightness(1.05); transform: translateY(-2px); }
.feedback-btn-green { background: #28a745; color: white; }
.feedback-btn-yellow { background: linear-gradient(to right, #D66900, #E8B03F, #FCED0A); color: black; }
.feedback-btn-red { background: #dc3545; color: white; }
.feedback-added-btn { background-color: #2e7d32 !important; color: white !important; border: none; padding: 6px 10px; border-radius: 6px; font-size: 13px; font-weight: bold; cursor: default; }
#manage-orders-wrapper { padding: 30px; }
.manage-orders-table { width: 100%; border-collapse: collapse; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; color: #333; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; table-layout: auto !important; }
.manage-orders-table thead { background-color: #add8e6; color: #000; text-align: left; font-weight: bold; font-size: 18px; }
.manage-orders-table thead th { padding: 12px 15px; border-bottom: 2px solid #0a74da; font-weight: bold; font-size: 16px; text-align: left; white-space: nowrap; }
.manage-orders-table tbody tr { border-bottom: 1px solid #ddd; transition: background-color 0.25s ease; cursor: default; }
.manage-orders-table tbody tr:nth-child(even) { background-color: #f9f9f9; }
.manage-orders-table tbody tr:hover { background-color: #e6f0ff; }
.manage-orders-table tbody td { padding: 12px 15px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto !important; max-width: none !important; min-width: 30px; border-right: 1px solid #c2c9d0; }
.manage-orders-table tbody tr td:nth-child(1) { color: #000; font-weight: 600; font-size: 15px; width: 20% !important; }
.manage-orders-table tbody tr td:nth-child(2) { color: #000; font-weight: 600; font-size: 13px; }
.manage-orders-table tbody tr td:nth-child(3) { color: #000; font-size: 16px; width: 22% !important; }
.manage-orders-table button[disabled] { padding: 6px 12px; border: none; border-radius: 4px; font-weight: 600; font-size: 13px; letter-spacing: 0.02em; }
.manage-orders-table button.due { background-color: #d9534f; color: #fff; cursor: default; font-weight: 600; letter-spacing: 2px; }
.manage-orders-table button.paid { background-color: #009300; color: #fff; cursor: default; font-weight: 600; letter-spacing: 2px; }
#ordersTable { width: 100%; table-layout: auto; white-space: nowrap; }
#ordersTable tbody tr td, #ordersTable thead tr th { white-space: nowrap; padding: 8px 12px; vertical-align: middle; border-right: 1px solid #c2c9d0; }
.manage-orders-date-time { font-family: Arial, sans-serif; line-height: 1.2; }
.manage-orders-date-time div { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #333; }
.manage-orders-date-time div:first-child { font-weight: 600; color: #0a74da; }
.manage-orders-date-time div:last-child { font-weight: 400; color: #555; }
.info-block { margin-bottom: 4px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 7px; background: #f8fafc; font-family: Arial, sans-serif; font-size: 13.5px; line-height: 1.4; color: #334155; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease, color 0.3s ease; }
.info-block.paid, .info-block.paid-block { background: linear-gradient(90deg, #d9f99d, #22c55e); color: #000 !important; border-color: #15803d; box-shadow: 0 2px 8px rgba(34, 197, 94, 0.7); }
.info-block.due, .info-block.due-block { background-color: #7c2c2ae0 !important; color: #fff !important; border-color: #b52b27; box-shadow: 0 2px 8px rgba(213, 36, 44, 0.7); }
.info-block.paid a { color: #000 !important; }
.info-block.due a { color: #fff !important; }
.info-block a { color: #2563eb; text-decoration: none; font-size: 17px; }
.empty-serial-cell { font-size: 30px; color: #cbd5e1; text-align: center; justify-content: center; align-items: center; user-select: none; }
.empty-serial-cell img { margin-top: 13% !important; font-size: 20px; font-weight: bold; }
span.order-amount { font-size: 16px; }
.comment-ays, .feature-filter, .popular-tags, .stuffbox, .widgets-holder-wrap, .wp-editor-container, p.popular-tags, table.widefat { background: #fff; width: 98%; }
a:focus, a:active, .manage-orders-table a:focus, .manage-orders-table a:active, .manage-orders-table a:hover { outline: none !important; box-shadow: none !important; }